Jquery 선택기의 네 가지 범주는 무엇입니까?

JQuery의 4가지 선택기: 1. ID 선택기, 요소 선택기, 클래스 선택기, 그룹 선택기를 포함한 기본 선택기, 2. DOM 요소 간의 계층적 관계를 통해 요소를 얻는 계층적 선택기, 3. 필터 선택기,

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터. jQuery 선택기의 advantages :

(1) 코드는 더 간단합니다 (2) CSS1을 CSS3 SELECTORS로 지원합니다. 1) 기본 선택기

기본 선택기는 jQuery에서 가장 일반적으로 사용되는 선택기이며 요소 ID, 클래스, 요소 이름 및 여러 요소 기호(그룹 선택기)로 구성됩니다.

2) 계층적 선택자 계층적 선택자는 DOM 요소 간의 계층적 관계를 통해 요소를 가져옵니다. 주요 계층적 관계에는 부모-자식, 인접, 형제 관계가 포함됩니다.

3) 필터 선택기

① 단순 필터 선택기

필터 선택기는 특정 필터링 규칙에 따라 요소를 일치시키는 것입니다. 작성할 때 (:)로 시작하는 것이 가장 광범위합니다. 사용되는 선택기 유형입니다.

$("div:first")               　　选取所有<div>元素中第1个<div>元素
$("div:last")                   选取所有<div>元素中最后一个<div>元素
$("input:not(.myClass)")        选取class不是myClass的<input>元素 
$("input:even")                 选取索引是偶数的<input>元素(索引从0开始) 
$("input:odd")                  选取索引是基数的<input>元素(索引从0开始) 
$("input:eq(2)")                选取索引等于2的<input>元素 
$("input:gt(4)")                选取索引大于4的<input>元素
$("input:lt(4)")                选取索引小于4的<input>元素
$(":header")                    过滤掉所有标题元素，例如：h1、h2、h3等
$("div:animated")               选取正在执行动画的<div>元素  
$(":focus")                     选取当前获取焦点的元素

② 콘텐츠 필터링 선택기

콘텐츠 필터링 선택기는 요소의 텍스트 콘텐츠 또는 포함된 하위 요소의 특성을 기반으로 요소를 가져옵니다. 텍스트 콘텐츠는 요소 위치 지정에 대해 퍼지이거나 절대적으로 일치할 수 있습니다.

3 가시성 필터 선택기

Visibility 필터 선택기는 요소가 표시되는지 여부에 따라 요소를 가져옵니다.

⑥ 양식 개체 속성 필터 선택기

이 선택기는 주로 다음과 같이 선택한 양식 요소를 필터링하는 데 사용됩니다. 선택한 드롭다운 상자, 다중 선택 상자 및 기타 요소를 선택합니다.

4) 양식 선택기

【추천 학습:

jQuery 동영상 튜토리얼,

웹 프론트엔드

】

위 내용은 Jquery 선택기의 네 가지 범주는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!