러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

399

19

장

제이쿼리

$('

p

')

.

after

('<

hr

> ')

.

append

('<

sup

> *</

sup

> ')

.

filter

(':

odd

')

.

css

('

color

', '

red

');

not

은

filter

의 반대입니다. 예를 들어 모든 문단 다음에

<

hr

>

을 붙이고,

highlight

클래스가

없는 문단을 모두 들여 쓰려면 다음과 같이 합니다.

$('

p

')

.

after

('<

hr

> ')

.

not

('.

highlight

')

.

css

('

margin

-

left

', '

20px

');

마지막으로

find

는 주어진 선택자에 일치하는

자손만

남깁니다.

filter

가 현재 선택된 요소

전체에 필터를 적용하는 것과는 다릅니다. 예를 들어 모든 문단 앞에

<

hr

>

을 붙인 다음, 클래스

가

code

인 자손 요소의 폰트 크기를 키우려면 다음과 같이 합니다.

$('

p

')

.

before

('<

hr

> ')

.

find

('.

code

')

.

css

('

font

-

size

', '

30px

');

19.6

제이쿼리 취소

제이쿼리 객체로 감싼 것을 취소하고

DOM

요소에 직접 접근하려면

get

메서드를 사용합니다.

두 번째 문단에 접근하려면 다음과 같이 합니다.