jQuery 선택자

jQuery 기본 선택자

선택자 종류	표현식	설명
All Selector	$("*")	HTML DOM의 모든 Element 선택
Element Selector	$("lag")	지정된 tag와 일치하는 모든 Element 선택
ID Selector	$("#id")	지정된 id와 일치하는 Element 선택
Class Selector	$(".class")	지정된 class와 일치하는 모든 Element 선택
MultipleSelector	$("tag1, tag2")	지정된 tag1, tag2와 일치하는 모든 Element 선택

jQuery 계층 선택자

선택자 종류	표현식	설명
Child Selector	$("parent > child")	부모 요소 바로 아래 자식 요소를 반환
Descendant Selector	$("ancestor descendant")	조상 요소 아래 일치하는 모든 자손 요소 반환
Next Adjacent Selector	$("prev + next")	prev 요소 바로 다음에 오는 형제 요소 반환
Next Sibling Selector	$("prev ` siblings")	prev 요소 이후 형제 요소 중 siblings와 동일한 형제 요소들을 반환

jQuery 속성 선택자

선택자 종류	표현식	설명
Has Attribute Selector	$("selector[attr]")	attr 속성 이름을 갖는 selector 요소 반환
Attribute Equals Selector	$("selector[attr='value']")	attr 속성값이 value와 일치하는 selector 요소 반환
Attribute Not Equals Selector	$("selector[attr !='value']")	attr 속성값이 value와 일치하지 않는 selector 요소 반환
Attribute Starts With Selector	$("selector[attr ^='value']")	attr 속성값이 value 값으로 시작하는 selector 요소 반환
Attribute Ends With Selector	$("selector[attr $='value']")	attr 속성 값이 value 값으로 끝나는 selector 요소 반환
Attribute Contains Selector	$("selector[attr *='value1']  [attrN='valueN']")	attr 속성값이 value1, valueN과 일치하는 selector 요소 반환
Multiple Attribute Selector	$("selector[attr]='value1'] [attrN='valueN']")	attr 속성값이 value1, valueN과 일치하는 selector 요소 반환
Attribute Contains Prefix Selector	$("selector[attr |='value']")	attr 속성값이 value 또는 value-(hyphen) 형식과 일치하는 selector 요소 반환

jQuery 필터 선택자

표현식	설명
:animated	애니메이션 동작중인 모든 요소 반환
:eq(index)	지정된 index에 해당하는 요소 반환. 음수값 지정 시 마지막 요소부터 count (0부터 시작)
:even	짝수 요소 반환 (0부터 시작)
:odd	홀수 요소 반환(0부터 시작)
:first	첫 번째 요소 반환. eq(0)과 동일
:last	마지막 요소 반환
:git(index)	지정된 index보다 큰 index에 해당하는 요소 반환. 음수값 지정 시 마지막 요소부터 count(0부터시작)
:lt(index)	지정된 index보다 작은 index에 해당하는 요소 반환. 음수값 지정 시 마지막 요소부터 count(0부터 시작)
:header	모든 header 요소를 반환. <h1> <h2> 등
:not(selector)	selector와 일치하지 않는 모든 요소를 반환한다.
:focus	현재 포커스 받은 요소를 반환한다.
:root	HTML 문서의 최상위 요소(root)를 반환한다.