[jQuery] 제이쿼리 선택자

jQuery Selector

기본선택자

선택자	내용
*	모든 요소를 나타내는 선택자
#아이디명	해당 아이디를 갖는 요소를 나타내는 선택자
.클래스명	해당 클래스를 갖는 요소들을 나타내는 선택자
태그명	해당 태그명을 갖는 요소들을 나타내는 선택자

기본 필터

기본 필터 선택자
:first	해당 요소들 중 첫번째의 요소를 나타내는 선택자
:last	해당 요소들 중 마지막의 요소를 나타내는 선택자
:even	해당 요소들 중 index가 짝수인 요소를 나타내는 선택자
:odd	해당 요소들 중 index가 홀수인 요소를 나타내는 선택자
:root	< html>요소를 나타내는 선택자
:header	< h1> ~ < h6>요소를 나타내는 선택자
:empty	자식 노드가 없는 요소를 나타내는 선택자
:parent	어떤 요소의 부모인 요소를 나타내는 선택자

자식 선택자

자식 선택자
:first-child :last-child	해당 요소들 중 어떤 요소의 첫(마지막) 자식 요소인 경우를 나타내는 선택자
:first-of-child :last-of-child	어떤 요소의 자식 요소의 해당 요소 중 처음(마지막)인 것을 나타내는 선택자
:nth-child(n) :nth-last-child(n)	해당 요소들 중 어떤 요소의 n번째(뒤에서 n번째) 자식 요소인 경우를 나타내는 선택자
:nth-of-type(n) :nth-last-of-type(n)	어떤 요소의 자식 요소의 해당 요소 중 n번째(뒤에서 n번째)인 것을 나타내는 선택자
:only-child	해당 요소들 중 어떤 요소의 유일한 자식 요소인 경우를 나타내는 선택자
:only-of-type	어떤 요소의 자식 요소의 해당 요소 가 유일한 경우를 나타내는 선택자

계층 선택자

계층 선택자
>	부모선택자 > 자식선택자 : 직계 자식 요소를 나타내는 선택자
(공백)	조상선택자 자손선택자 : 해당되는 모든 자손
+	선택자 + 선택자 : 바로 다음에 오는 형제레벨의 요소인 경우를 나타내는 선택자
~	선택자 ~ 선택자 : 형제레벨의 요소들 중 다음의 오는 경우를 나타내는 선택자

함수 필터 선택자

함수 필터 선택자
:eq(idx)	선택된 요소들 중 idx번째 요소를 나타내는 선택자
:gt(idx)	선택된 요소들 중 idx번째보다 나중에 오는 요소를 나타내는 선택자
:lt(idx)	선택된 요소들 중 idx번째보다 나중에 오는 요소를 나타내는 선택자
:not(selector)	입력된 selector를 제외한 요소를 나타내는 선택자
:animated	애니메이션이 실행되고 있는 요소를 나타내는 선택자
:has(selector)	해당 selector 자식으로 갖는 요소를 나타내는 선택자
:contains(str)	해당 str(문자열)을 자식으로 갖는 요소를 나타내는 선택자

visiblity 필터 선택자

visiblity 필터 선택자
:hidden	hidden 상태인 요소를 나타내는 선택자
:visible	visible 상태인 요소를 나타내는 선택자

입력 폼 선택자

입력 폼 필터 선택자
:input	입력하는 요소(input, textarea, button)요소를 나타내는 선택자
:text	input요소 중 type이 text인 요소를 나타내는 선택자
:button	input요소 중 type이 button인 요소와 button요소를 나타내는 선택자
:checked	체크된 요소를 선택하는 선택자
:selected	선택된 요소를 선택하는 선택자
:focus	포커스가된 요소를 선택하는 선택자
:disabled	비활성화된 요소를 선택하는 선택자
:enabled	비활성화된 요소를 선택하는 선택자

속성 선택자

[속성명=속성값]

1. 속성값 생략 : 속성값에 상관없이 해당 속성을 갖는 요소 선택 2. = : 해당 속성값이 일치하는 요소 선택 3. *= : 해당 속성값이 포함된 속성값을 가진 요소 선택 4. ^= : 해당 속성값으로 시작하는 속성값을 가진 요소 선택 5. $= : 해당 속성값으로 끝나는 속성값을 가진 요소 선택 6. ~= : 해당 속성값이 (앞뒤 공백을 포함하여) 포함된 속성값을 가진 요소 선택 7. != : 해당 속성값을 갖지 않는 요소 선택 8. |= : 해당 속성값이거나 시작하는 요소 선택