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

395

19

장

제이쿼리

$(

document

).

ready

(

function

() {

// 여기 있는 코드는

HTML

을 모두 불러오고

//

DOM

이 구성된 다음 실행됩니다.

});

위 코드는 여러 번 써도 안전하므로, 제이쿼리 코드를 몇 개로 나누어 써도 모두

DOM

을 불러

온 뒤에 실행됩니다. 다음과 같은 단축 표기도 있습니다.

$(

function

() {

// 여기 있는 코드는

HTML

을 모두 불러오고

//

DOM

이 구성된 다음 실행됩니다.

});

제이쿼리를 사용할 때는 코드를 모두 이런 블록에 넣을 때가 아주 많습니다.

19.4

제이쿼리로 감싼

DOM

요소

제이쿼리로

DOM

을 조작할 때 가장 많이 쓰는 방법은

제이쿼리로

DOM

요소를 감싸는

wrap

방

법

입니다. 제이쿼리로

DOM

을 조작할 때는 우선

DOM

요소 셋

set

(셋이라고 했지만, 요소 하

나만 있을 때도 있고 아예 없을 때도 있습니다 )을 감싸는 제이쿼리 객체를 만듭니다.

제이쿼리 함수(

$

이나

jQuery

)로

DOM

요소 셋을 감싼 것을 제이쿼리 객체라고 부릅니다. 제

이쿼리 함수를 호출할 때는 주로

CSS

선택자나

HTML

을 사용합니다.

CSS

선택자로 제이쿼리를 호출하면 해당 선택자에 일치하는 제이쿼리 객체가 반환됩니다. 이

객체는

document

.

querySelectorAll

이 반환하는 컬렉션과 거의 비슷합니다. ...