| 셀렉터 |
설명 |
예 |
| * |
모든 엘리먼트 일치 |
$(“* input[type=text]”).val(); |
| E |
태그명이 E인 모든 엘리먼트와 일치 |
$(“tr”).size(); |
| E F |
E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치 |
$(“tr td”) |
| E>F |
E의 바로 아래 자식이면서 태그명이 F인 모든 엘리먼트 F와 일치 |
$(“tr > td”) |
| E+F |
E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치 |
$(“div+div”) |
| E~F |
E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치 |
$(“span~li”) |
| E:has(F) |
태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치 |
$(“div:has(ul)) |
| E.C |
클래스명 C를 가지는 모든 엘리먼트 E와 일치, E의 생략은 *.C와 동일함 |
$(“tr .first”) |
| E#I |
아이디가 I인 엘리먼트 E와 일치, E의 생략은 *#I와 동일함 |
$(“tr td div#show”) |
| E[A] |
어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치 |
$(“td input[type=text]”) |
| E[A=V] |
값이 V인 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치 |
$(“td a[href=naver.com]”) |
| E[A^=V] |
값이 V로 시작하는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치 |
$(“td a[href^=http://]”) |
| E[A$=V] |
값이 V로 끝나는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치 |
$(“td a[href$=.html]”) |
| E[A*=V] |
값이 V를 포함하는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치 |
$(“td a[href*=.com]”) |
| 셀렉터 |
설명 |
| :first |
페이지에서 처음으로 일치하는 엘리먼트. li a:first는 리스트 아이템의 첫번째 링크를 반환 |
| :last |
페이지에서 마지막으로 일치하는 엘리먼트. li a:last는 리스트 아이템의 마지막 링크 반환 |
| :first-child |
첫번째 자식 엘리번트. Li:first-child는 각 리스트의 첫번째 아이템을 반환 |
| :last-child |
마지막 자식 엘리먼트. li : last-child는 각 리스트의 마지막 아이템을 반환 |
| :only-child |
형제가 없는 모든 엘리먼트 반환 |
| :nth-child(n) |
n번째 자식 엘리먼트. li:nth-child(2)는 각 리스트의 두번째 리스트 아이템 반환 |
| :nth-child(even|odd) |
짝수 또는 홀수 자식 엘리먼트. li:nth-child(even)은 각 목록의 짝수 번째 자식 엘리먼트 반환 |
| :nth-child(Xn+Y) |
전달된 공식에 따른 n번째 자식 엘리먼트. Y는 0인 경우 생략가능. li:nth-child(3n)은 3의 배수번째 아이템을 반환, li:nth-child(5n+1)은 5의 배수+1번째 아이템을 반환 |
| :even/:odd |
페이지 전체의 짝수/홀수 엘리먼트. li:even은 모든 짝수번째 아이템 반환 |
| :eq(n) |
n번째로 일치하는 엘리먼트 |
| :gt(n) |
n번째 엘리먼트(포함되지 않음) 이후의 엘리먼트와 일치 |
| :lt(n) |
n번째 엘리먼트(포함되지 않음) 이전의 엘리먼트와 일치 |
출처 : http://cafe.naver.com/javachobostudy/52486
