adminschool.net wiki

jQuery의 가장 강력한 부분은 HTML DOM을 마음대로 트래버스 즉, 순회 탐색할 수 있다는 것이다.
CSS 셀렉터를 사용하여 원하는 개체를 탐색할 수 있다.

다음과 같이 css 파일에서 사용했던 표현식이 바로 CSS 셀렉터

div p {
    font-color:red;
}

#loginID {
    font-weight:bold;
    background:yellow;
}

.Columns {
    padding:10px;
    background:white;
}

div p라는 셀렉터는 현재 문서 상에서 div 요소의 자식으로 존재하는 모든 p 요소들에 적용되며,
#loginID는 loginID라는 id 값을 가진 요소에, .Columns는 class 어트리뷰트 값으로 Columns를 갖는 모든 요소에 적용

이러한 셀렉터를 그대로 jQuery에서 사용가능

jQuery에서는 원하는 DOM 요소의 그룹을 찾기 위해서 $(selector) 혹은 jQuery(selector)과 같은 표현식을 사용하기에,
위의 3가지 셀렉터를 다음과 같이 사용할 수 있다.

$("div p") 혹은 jQuery("div p")
$("#loginID") 혹은 jQuery("#loginID")
$(".Columns") 혹은 jQuery(".Columns")