[jQuery] 기본 필터 선택자 : Basic Filters

1. :animated

: 현재 애니메이션의 모든 요소를 선택한다.

: 문법 - $(":animated")

: 예) $(":animated"), $("p:eq(1)"),animate({width:"100%"}, "slow")

 

2. : eq()

: 특정 인덱스 번호를 가진 요소를 선택한다. 인덱스 번호는 0부터 시작, 대부분 그룹의 특정 인덱스 요소를 선택하기 위해 다른 selector와 함께 사용됨

: 문법 - $(":eq(index)")

: 예제) $("p:eq(1)")

 

3. :even

: 짝수 인덱스 번호를 선택한다. 다른 선택자와 함께 사용되어 짝수 인덱스 번호를 선택하는 역할을 한다.

: 문법 - $(":even")

: 예제) $("tr:even")

 

4. :odd

: 홀수 인덱스 번호를 선택한다. 다른 선택자와 함께 사용되어 홀수 인덱스 번호를 선택하는 역할을 한다.

: 문법 - $(":odd")

: 예제) $("tr:odd")

 

5. gt()

: 주어진 인덱스보다 큰 숫자의 인덱스를 선택한다. 주로 그룹의 마지막 요소를 선택하기 위해 다른 selector와 함께 사용된다.

: 문법 - $(":gt(index)")

: 예제) $("tr:gt(3)")

 

6. :header

: 문서 내의 모든 h태그를 선택한다. 즉, <h1>에서 <h6>태그를 선택한다.

; 문법 - $(":header")

: 예제) $(":header")

 

7. :first

: 첫번째 요소를 선택한다. 이 selector는 하나의 single element를 선택 가능하다. 반면에 :first-child selector은 같은 부모의 하나 이상의 요소를 선택 가능하다.

: 문법 - $(":first")

: 예제) $("p:first")

 

8. :last

: 마지막 요소를 선택한다. 이 selector는 하나의 single element를 선택 가능하다. 반면에 :first-child selector은 같은 부모의 하나 이상의 요소를 선택 가능하다.

: 문법 - $(":last")

: 예제) $("p:last")

 

9. :lt() - gt()와 반대의미

: 특정한 인덱스 번호 이하의 요소를 선택한다. 인덱스 번호는 0부터 시작, 주로 그룹의 첫번째 요소를 선택하기 위해 다른 selector와 함께 사용된다.

: 문법 - $(":lt(index)")

: 예제) $("tr:lt(4)")

 

10. :not()

: 한정된 element를 제외한 모든 element를 선택한다. 그룹에서 한정된 요소를 제외한 모든 element를 선택할 때 사용

: 문법 - $(":not(selector)")

: 예제) $("p:not(.cls)")