07.24(선택자)

선택자

CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지도 사용할 수 있음

 

필터링에 사용할 수 있는 선택자

선택자	예제	설명
:eq(n)	$("ul li:eq(3)")	선택한 요소 중에서 인덱스가 n인 요소를 선택
:gt(n)	$("ul li:gt(3)")	선택한 요소 중에서 인덱스가 n보다 큰 요소를 모두 선택
:lt(n)	$("ul li:lt(3)")	선택한 요소 중에서 인덱스가 n보다 작은 요소를 모두 선택
:even	$("tr:even")	선택한 요소 중에서 인덱스가 짝수인 요소를 모두 선택
:odd	$("tr:odd")	선택한 요소 중에서 인덱스가 홀수인 요소를 모두 선택
:first	$("p:first")	선택한 요소 중에서 첫 번째 요소를 선택
:last	$("p:last")	선택한 요소 중에서 마지막 요소를 선택
:animated	$(":animated")	선택한 요소 중에서 애니메이션 효과가 실행 중인 요소를 모두 선택
:header	$(":header")	선택한 요소 중에서 <h1>부터 <h6>까지의 요소를 모두 선택
:lang(언어)	$("p:lang(ko)")	선택한 요소 중에서 지정한 언어의 요소를 모두 선택
:not(선택자)	$("input:not(:empty)")	선택한 요소 중에서 지정한 선택자와 일치하지 않는 요소를 모두 선택
:root	$(":root")	선택한 요소 중에서 최상위 루트 요소를 선택
target	$("a[target='_blank']")	선택한 요소 중에서 웹 페이지 URI의 fragment 식별자와 일치하는 요소를 모두 선택
:contains(텍스트)	$(":contains('Hello')")	선택한 요소 중에서 지정한 텍스트를 포함하는 요소를 모두 선택
:has(선택자)	$("p:has(span)")	선택한 요소 중에서 지정한 선택자와 일치하는 자손 요소를 갖는 요소를 모두 선택
:empty	$(":empty")	선택한 요소 중에서 자식 요소를 가지고 있지 않은 요소를 모두 선택
:parent	$(":parent")	선택한 요소 중에서 자식 요소를 가지고 있는 요소를 모두 선택

 

 

input 요소의 선택

특정 <input> 요소 선택자는 $(":input 타입") 이렇게 나타냄