> 웹 프론트엔드 > JS 튜토리얼 > jquery selector_jquery의 기본 필터 선택기에 대한 자세한 설명

jquery selector_jquery의 기본 필터 선택기에 대한 자세한 설명

WBOY
풀어 주다: 2016-05-16 17:02:17
원래의
1169명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.



코드 복사 코드는 다음과 같습니다.


도, 시의 행정 구역

                                                           상하이
|                                          TR> > 🎜>

코드 복사


코드는 다음과 같습니다.


$("tr:first").addClass("highlight"); // 일치하는 첫 번째 tr 요소 가져오기





2. :last()




코드 복사


코드는 다음과 같습니다.


$("tr:last").addClass("highlight") //마지막으로 일치하는 tr 요소 가져오기

코드 복사


다음과 같습니다:

$("td:not(:even)").addClass("highlight");//Get td


코드 복사


코드는 다음과 같습니다. 다음:

$("tr:even").addClass("highlight") //0부터 계산하여 모든 요소를 ​​짝수 인덱스 값으로 일치


코드 복사


코드는 다음과 같습니다.

$("tr:odd"). addClass("highlight"); //0부터 계산하여 홀수 인덱스 값을 가진 모든 요소를 ​​일치시킵니다.



6. :eq(index) 코드 복사

코드는 다음과 같습니다.

$( "tr:eq(2)").addClass("highlight"); //주어진 인덱스 값과 요소 일치



7. :gt(index)
코드 복사 코드는 다음과 같습니다. :

$("tr:gt(1)").addClass("highlight"); //주어진 인덱스 값보다 큰 모든 요소 일치



8. :lt(index)
코드 복사 코드는 다음과 같습니다.

$("tr:lt(2)").addClass("highlight"); //주어진 인덱스 값보다 작은 모든 요소 일치



9. :header
코드 복사 코드는 다음과 같습니다.

$ (":header").addClass( "highlight"); //h1, h2, h3과 같은 제목 요소 일치

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿