Draft
Basic filter
설명
기본 필터 적용을 통한 선택 방식이며 CSS 선택자 방식과 jQuery만의 선택자 방식이 있다. 보다 나은 성능을 위해서 기본적인 CSS 선택자를 활용하여 찾은 요소 중에서 .fiter()
메소드를 이용하여 선택자를 찾아 사용하는 것이 좋다.
$(':even')
매개 변수
- jQuery Selector:even필수
0부터 시작하는 인덱스를 기준으로 짝수번째 요소를 선택자로 사용한다.
구문
- $("ul > li:even")사용 예추가된 버전: null
$(':first')
매개 변수
- Selector:first필수
일치하는 첫번째 요소를 선택자로 사용한다.
구문
- $("ul > li:first")추가된 버전: null
$(':focus')
매개 변수
- Selector:focus필수
현재 포커스된 요소를 선택자로 사용한다.
구문
- $("input:focus")사용 예추가된 버전: null
$(':gt(index)')
gt()는 필터 함수이며 0부터 시작하는 인덱스를 인수로 지정하여 선택자 집합 중에서 지정된 인덱스보다 큰 인덱스를 갖는 모든 요소를 선택자로 사용한다. 자신은 제외된다.
매개 변수
- jQuery Selector:gt(index)필수
일치하는 선택자 집합 내에서 지정된 index보다 큰 index를 갖는 모든 요소를 선택자로 사용한다.
구문
- $("ul > li:gt(3)")사용 예추가된 버전: null
$(':header')
매개 변수
- Selector:header필수
헤딩 태그(h1
, h2
, h3
, h4
, h5
, h6
)를 선택자로 사용한다.
구문
- $(":header")추가된 버전: null
$(':lang()')
lang()은 필터 함수이며 언어 코드를 인수로 지정하여 선택자 집합 중에서 해당되는 것들을 모두 선택자로 사용한다.
매개 변수
- Selector:lang()필수
인수로 지정된 언어를 갖는 모든 요소를 선택자로 사용한다.
구문
- $("p:lang(ko)")사용 예추가된 버전: null
$(':last')
매개 변수
- jQuery Selector:last필수
마지막으로 일치하는 요소를 선택자로 사용한다.
구문
- $("ul > li:last")사용 예추가된 버전: null
$(':lt(index)')
lt()는 필터 함수이며 0부터 시작하는 인덱스를 인수로 지정하여 선택자 집합 중에서 지정된 인덱스보다 작은 인덱스를 갖는 모든 요소를 선택자로 사용한다. 자신은 제외된다.
매개 변수
- jQuery Selector:lt(index)필수
일치하는 선택자 집합 내에서 지정된 index보다 작은 index를 갖는 모든 요소를 선택자로 사용한다.
구문
- $("ul > li:lt(3)")사용 예추가된 버전: null
$(':not(filter)')
not()은 필터 함수이며 인수로 다른 필터 패턴을 지정하면 부정으로 처리되어 반대의 경우에 해당하는 모든 요소를 선택자로 사용한다.
매개 변수
- jQuery Selector:not(filter)필수
지정된 선택자 필터와 일치하지 않는 모든 요소를 선택자로 사용한다.
구문
- $("body :not(:header)")추가된 버전: null
$(':odd')
매개 변수
- jQuery Selector:odd필수
0부터 시작하는 인덱스를 기준으로 홀수번째 요소를 선택자로 사용한다.
구문
- $("ul > li:odd")추가된 버전: null
$(':root')
매개 변수
- Selector:root필수
문서의 root 요소를 선택자로 사용한다.
구문
- $(":root")사용 예추가된 버전: null
$(':target')
매개 변수
- Selector:target필수
문서의 URI 해쉬 식별자로 표시되는 대상 요소를 선택자로 사용한다.
구문
- $("p:target")사용 예추가된 버전: null
$(':visible')
매개 변수
- jQuery Selector:visible필수
보이는 모든 요소를 선택자로 사용한다.
구문
- $("tr:visible")추가된 버전: null
$(':hidden')
매개 변수
- jQuery Selector:hidden필수
보이지 않는 모든 요소를 선택자로 사용한다.
구문
- $("p:hidden")사용 예추가된 버전: null