SELECTORS

Draft
  • bug_report

Basic filter

설명

기본 필터 적용을 통한 선택 방식이며 CSS 선택자 방식과 jQuery만의 선택자 방식이 있다. 보다 나은 성능을 위해서 기본적인 CSS 선택자를 활용하여 찾은 요소 중에서 .fiter() 메소드를 이용하여 선택자를 찾아 사용하는 것이 좋다.

구현 형식

1

$(':animated')

매개 변수

jQuery Selector:animated필수

선택자를 갖는 요소가 실행될 때 애니메이션이 진행중인 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$(".box:animated")추가된 버전: null

구현 형식

2

$(':eq(index)')

eq()는 필터 함수이며 0부터 시작하는 인덱스를 인수로 지정하여 선택자 집합중에서 해당되는 인덱스를 선택자로 사용한다.

매개 변수

jQuery Selector:eq(index)필수

일치하는 선택자를 갖는 집합 내에서 괄호안에 지정한 index 값을 갖는 요소로 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:eq(1)")추가된 버전: null
li 요소들 중에서 첫번째에 해당하는 요소를 jQuery 객체로 반환한다.

구현 형식

3

$(':even')

매개 변수

jQuery Selector:even필수

0부터 시작하는 인덱스를 기준으로 짝수번째 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:even")사용 예추가된 버전: null

구현 형식

4

$(':first')

매개 변수

Selector:first필수

일치하는 첫번째 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:first")추가된 버전: null
li 요소들 중에서 첫번째에 해당하는 요소를 jQuery 객체로 반환한다.

구현 형식

5

$(':focus')

매개 변수

Selector:focus필수

현재 포커스된 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("input:focus")사용 예추가된 버전: null

구현 형식

6

$(':gt(index)')

gt()는 필터 함수이며 0부터 시작하는 인덱스를 인수로 지정하여 선택자 집합 중에서 지정된 인덱스보다 큰 인덱스를 갖는 모든 요소를 선택자로 사용한다. 자신은 제외된다.

매개 변수

jQuery Selector:gt(index)필수

일치하는 선택자 집합 내에서 지정된 index보다 큰 index를 갖는 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:gt(3)")사용 예추가된 버전: null

구현 형식

7

$(':header')

매개 변수

Selector:header필수

헤딩 태그(h1, h2, h3, h4, h5, h6)를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$(":header")추가된 버전: null
li 요소들 중에서 첫번째에 해당하는 요소를 jQuery 객체로 반환한다.

구현 형식

8

$(':lang()')

lang()은 필터 함수이며 언어 코드를 인수로 지정하여 선택자 집합 중에서 해당되는 것들을 모두 선택자로 사용한다.

매개 변수

Selector:lang()필수

인수로 지정된 언어를 갖는 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("p:lang(ko)")사용 예추가된 버전: null

구현 형식

9

$(':last')

매개 변수

jQuery Selector:last필수

마지막으로 일치하는 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:last")사용 예추가된 버전: null

구현 형식

10

$(':lt(index)')

lt()는 필터 함수이며 0부터 시작하는 인덱스를 인수로 지정하여 선택자 집합 중에서 지정된 인덱스보다 작은 인덱스를 갖는 모든 요소를 선택자로 사용한다. 자신은 제외된다.

매개 변수

jQuery Selector:lt(index)필수

일치하는 선택자 집합 내에서 지정된 index보다 작은 index를 갖는 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:lt(3)")사용 예추가된 버전: null

구현 형식

11

$(':not(filter)')

not()은 필터 함수이며 인수로 다른 필터 패턴을 지정하면 부정으로 처리되어 반대의 경우에 해당하는 모든 요소를 선택자로 사용한다.

매개 변수

jQuery Selector:not(filter)필수

지정된 선택자 필터와 일치하지 않는 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("body :not(:header)")추가된 버전: null
li 요소들 중에서 첫번째에 해당하는 요소를 jQuery 객체로 반환한다.

구현 형식

12

$(':odd')

매개 변수

jQuery Selector:odd필수

0부터 시작하는 인덱스를 기준으로 홀수번째 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("ul > li:odd")추가된 버전: null
li 요소들 중에서 첫번째에 해당하는 요소를 jQuery 객체로 반환한다.

구현 형식

13

$(':root')

매개 변수

Selector:root필수

문서의 root 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$(":root")사용 예추가된 버전: null

구현 형식

14

$(':target')

매개 변수

Selector:target필수

문서의 URI 해쉬 식별자로 표시되는 대상 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("p:target")사용 예추가된 버전: null

구현 형식

15

$(':visible')

매개 변수

jQuery Selector:visible필수

보이는 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("tr:visible")추가된 버전: null
li 요소들 중에서 첫번째에 해당하는 요소를 jQuery 객체로 반환한다.

구현 형식

16

$(':hidden')

매개 변수

jQuery Selector:hidden필수

보이지 않는 모든 요소를 선택자로 사용한다.

반환

jQueryjquery

jQuery 객체

구문

$("p:hidden")사용 예추가된 버전: null