jQuery의 강력한 selectors_jquery 요약

기본 선택기
$("input"): 입력 태그가 있는 모든 요소 선택
$("#input1"): id가 input1인 요소 선택
$(" .acss"):
이 CSS 클래스 스타일에 acss가 포함된 코드를 모두 선택

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

링크
🎜>< 입력 id="Text1" class="acss">

<script>var oo = $("input"); //oo는 위 3개의 집합<br>var pp = $("#input1");//pp가 첫 번째<br>var qq = $(".acss");//qq는 처음 두 개 세트<br></script>



위의 3개 결합 쿼리를 사용할 수 있습니다.

var ww = $("input.acss "); / /acss
var ee = $("input#Text1.acss");//acss ID가 Text1

인 입력 태그 요소 선택 2. Sub -selection
상위 노드와 직계 하위 노드를 (>)로 구분합니다. 즉, 하위 선택자 방식을 구현합니다.

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

;




">

< a href="">< /a>

;a href="">< ;/a>


< ;script>
var oo = $("p a "); //p 아래의 모든 a를 선택했습니다.
var pp = $("p>a"); 2 a 요소, ID는 a1 및 a2입니다.
var qq = $("p.acss a") //id가 a1인 요소가 선택되었습니다.
🎜>
3. 기능 선택기

[href^=http://] 선택
코드

코드 복사

코드는 다음과 같습니다.

id=" Text5" name="myput" />

< script>

var oo = $("a[href^=http://]"); //href가 http://로 시작하는 것을 선택하세요. a3 select
var pp = $("input[name$=Input]"); //이름이 Input으로 끝나는 입력을 선택합니다. Text3, Text4 selected
var qq = $("a[href*=com]") //com의 a를 포함하려면 href를 선택하세요. a3, a4가 선택됨
var ww = $("input[id=Text3]") //

또한 jQuery는 위의 예에서와 같이
div:has(input)이 의미하는 has 메소드도 제공합니다.입력이 포함된 모든 div 선택
참고: div 입력은 div의 모든 입력 요소를 선택합니다.
4. 위치 선택기
위치 선택기는 주로 요소의 위치를 ​​기반으로 선택합니다.
div a:first는 페이지의 div에서 첫 번째 a를 반환합니다.
div a last는 페이지의 div의 마지막 a를 반환합니다.
div 홀수는 페이지의 짝수 위치에 있는 div를 반환합니다.
div even 페이지에서 홀수 위치의 IDV를 반환합니다.
div first-child div의 첫 번째 하위 선택을 반환합니다.
div last-child div
only-child 요소의 마지막 하위 선택을 반환합니다. 형제 노드 없음
nth -child(n): n번째 하위 노드
eq(n) n번째 일치 요소
gt(n) n 이후 일치 요소는
lt(n) 이전 일치 요소를 포함하지 않음 n은
5. jQuery 사용자 정의 선택을 포함하지 않습니다.

名称	说明	解释
:input	匹配所有 input, textarea, select 和 button 元素	查找所有的input元素:  $(":input")
:text	匹配所有的文本框	查找所有文本框:  $(":text")
:password	匹配所有密码框	查找所有密码框:  $(":password")
:radio	匹配所有单选按钮	查找所有单选按钮
:checkbox	匹配所有复选框	查找所有复选框:  $(":checkbox")
:submit	匹配所有提交按钮	查找所有提交按钮:  $(":submit")
:image	匹配所有图像域	匹配所有图像域:  $(":image")
:reset	匹配所有重置按钮	查找所有重置按钮:  $(":reset")
:button	匹配所有按钮	查找所有按钮:  $(":button")
:file	匹配所有文件域	查找所有文件域:  $(":file")

名称	说明	解释
:enabled	匹配所有可用元素	사용 가능한 모든 입력 요소 찾기: $("input:enabled")
:비활성화	사용할 수 없는 모든 요소 일치	비활성화된 모든 입력 요소 찾기: $("input:disabled")
:확인	선택한 모든 요소와 일치합니다(체크 상자, 라디오 버튼 등, 선택 옵션 제외)	체크된 모든 체크박스 요소 찾기: $("input:checked")
:선택됨	선택한 모든 옵션 요소와 일치	선택한 모든 옵션 요소 찾기: $("select option:selected")