기본 셀렉터
All Selector |
$("*") |
ID Selector |
$("#id") |
Element Selector |
$("elementName") |
Class Selector |
$(".className") |
| Multiple Selector | $("selector1, selector2, selector3, selectorN") |
셀렉터 Attribute를 활용한 요소 선택
$(Selector[attr]) |
attr 속성(attribute)값을 가지는 Selector 요소와 일치 |
$(Selector[attr=”value”]) |
attr 속성의 값이 value와 동일한 값인 Selector 요소와 일치 |
$(Selector[attr!=”value”]) |
attr 속성의 값이 value와 같지 않은 값인 Selector 요소와 일치 |
$(Selector[attr^=”value”]) |
attr 속성의 값이 value 값으로 시작하는 Selector 요소와 일치 |
$(Selector[attr$=”value”]) |
attr 속성의 값이 value 값으로 끝나는 Selector 요소와 일치 |
| $(Selector[attr*=”value”]) | attr 속성의 값이 value 값을 포함하는 Selector 요소와 일치 |
| $(Selector[attr~=”value”]) | attr 속성의 값이 공백과 함께 value 값을 포함하는 Selector 요소와 일치 |
계층 접근 셀렉터
Child Selector (자식 셀렉터) |
$(“parent > child”) |
Descendant Selector (후손 셀렉터) |
$(“ancestor descendant”) |
Next Adjacent Selector (다음 인접노드 셀렉터) |
$(“prev + next”) |
Next Siblings Selector (자신을 제외한 이후 형제 요소 셀렉터) |
$(“prev ~ siblings”) |