JQuery의 다양한 선택기 소개

1. JQuery 기본 선택기

express	description	remarks
$("#idName")	id 선택기
$(" . className")	클래스 selector
$("tagName")	태그 선택기
$("*")	와일드카드 선택기
$( "tagName,.className, 아이디이름, ...")	그룹 선택기

2. 계층적 선택기

는 부모-자식 관계와 형제 관계에서 노드를 선택합니다.

expresssdescriptION 노드 A의 모든 하위 노드 선택(하위 노드 및 Sun Jie 노드 포함) 다음의 모든 하위 노드 b노드 a 다음의 첫 번째 노드 선택 형제 노드 b$("a~b ")노드 a 다음의 모든 형제 노드 b를 선택하세요모든 형제 노드가 아니라 노드 a 다음의 형제 노드라는 점에 유의하세요

RMARKS

$ ("A B")

$ ("A & GT ;b")

선택 노드 a (자식 노드만 포함, 손자 노드 제외)

$("a+b")

3. 기본 필터 선택기

위치 관점에서 태그를 필터링합니다.

express	description	remarks
$( "tagName: 먼저" )	tagName 요소 집합에서 첫 번째 요소를 선택하세요
$("tagName:last")	tagName 요소 집합에서 마지막 요소를 선택하세요
$("tagName:odd ")	tagName 요소 집합에서 홀수 위치에 있는 요소 선택
$("tagName:even")	tagName 요소 집합에서 짝수 위치에 있는 요소 선택
$("tagName:eq (1 )")	tagName 요소 세트에서 두 번째 요소를 선택하세요 (인덱스는 배열과 동일하며 0부터 시작합니다)
$("tagName:gt(2)")	선택 tagName 요소 집합 에서 세 번째 요소 다음의 요소(즉, tagName 아래 요소, 위치가 3보다 큼)
$("tagName:lt(2)")	세 번째 요소 선택 tagName 요소에서 이전 요소(즉, tagName 아래 요소, 위치가 3 미만)
$(":header")	모든 헤더 요소 선택 ( h1 ~ h6)으로 설정됩니다. )
$(" :animated")	애니메이션 요소 선택
$("tagName:not(.one)")	tagName에서 클래스 값이 1이 아닌 요소를 선택하세요. 요소 집합

4. 콘텐츠 필터링 선택기

노드 값이 비어 있는지, 노드의 텍스트에 지정된 문자열이 포함되어 있는지, 하위 요소의 클래스 값이 지정된 값.

express	description	remarks
$("tagName:empty")	tagName 요소 컬렉션에서 빈 콘텐츠가 있는 요소를 선택하세요 (하위 요소 아님)
$("tagName:parent" )	tagName 요소 집합에서 하위 요소를 포함하는 요소를 선택하세요
$("tagName:contents('abc')")	다음을 포함하는 요소 선택 tagName 요소 세트의 "abc" (하위 요소 아님)
$("tagName:has(.one)")	tagNmae 요소 세트에서 클래스 값 1이 있는 요소를 선택하세요 (a가 아님) 하위 요소, tagName 요소입니다)

5. 속성 필터(지정된 속성을 포함하는 요소 선택)

속성을 기준으로 노드 필터링: 속성이 있는지 여부, 속성 값은 같음, 같지 않음, 포함, **로 시작, * *End, 다중 필터링입니다.

express	description	remarks
$("div[id]")	선택한 요소에 id 속성이 포함되어 있습니다
$ ("div[id='test']")	선택한 요소에 id="test"
$("div[title!='test']")	선택한 요소가 포함되어 있습니다. title 속성이 "test"가 아닙니다
$("div[title^='te']")	선택한 요소의 title 속성 값이 "test"로 시작합니다
$ ("div[title$='st']")	선택한 요소의 title 속성은 "test"로 끝납니다
$("div[title*='est']")	The 선택한 요소의 title 속성 값에 "est"가 포함되어 있습니다
$("div[title*='est'][id]")	선택한 요소의 title 속성 값에 "est"가 포함되어 있습니다. ", 그리고 id 속성이 있습니다

6. 가시성 필터 선택기

페이지의 요소가 표시되는지 여부에 따라 노드를 선택합니다

express	설명	remarks
$("div:hidden")	숨겨진 div 요소 선택
$("div :hidden")	div 요소의 모든 숨겨진 요소 선택 (하위 요소 및 손자 요소 포함) elements)
$("div:visiable")	보이는 div 요소 선택
$("div:visiable")	div에서 보이는 요소 선택 ( 하위 요소 및 손자 요소 포함 요소)

위 내용은 JQuery의 다양한 선택기 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!