JQuery 연구 노트 선택기 three_jquery

复主代码 代码如下:

<머리>






<본문>

h1

h2>

li1

1

2

3

4

li2

5

6

li3

checkbox1
checkbox2


显示第一个ul节点的值
显示最后一个ul节点的值
显示未选择中checkbox적ID
显示索引为偶数的ul内容
显示索引为奇数的ul内容
显示索引为3的ul内容
显示索引大于3的ul内容
显示索引小于3的ul内容
显示页face标题内容


결과:

이 섹션에는 과외 지식 포인트가 없는 것 같습니다. 하, 이제 본론으로 들어가겠습니다.
1.$("TabName:first")
설명: 특정 노드의 첫 번째 노드는 예를 들어 6개의 ul이 있습니다. $("ul:first")를 사용하여 첫 번째 ul 노드를 가져옵니다.
반환 값: Element
2.$("TabName:Last")
설명 : 이전 사용법과 유사하지만 유일한 차이점은 이 방법을 사용하여 마지막 노드를 가져옵니다.
반환 값: Element
3.$("TabName:not(:attribute)")
설명: 이 방법은 몇 가지 간단한 선택기 필터링을 구현할 수 있습니다. 예를 들어 $("input:not(:checked)")는 선택되지 않은 확인란 요소를 선택합니다. 이 방법은 실제로는 bool 값만 선택할 수 있는 것 같습니다. . 속성을 필터링합니다. 이 예에서는 false로 선택된 입력을 선택하는 것과 같습니다.
반환값: Array(Element);
4.$("TabName:even")
설명: 특정 노드의 짝수 인덱스 노드 집합을 가져오는 데 사용됩니다. 여기서 한 가지 강조할 점이 있습니다. 인덱스는 0부터 시작하므로 예제에서 aEven은
을 클릭한 후 1번째, 3번째, 5번째 ul 노드를 얻습니다. 반환 값: Array(Element)
5.$("TagName:odd" )
설명: 이전 방법과 유사하지만 유일한 차이점은 홀수 노드 세트를 얻는다는 것입니다.
반환값: Array(Element);
6.$("TagName:eq(index)")
설명: 특정 노드 모음에서 인덱스 인덱스 위치를 구하는 데 사용되는 노드
반환 값: Array(Element);
7.$("TagName:gt(index)")
설명: 특정 노드 컬렉션에서 인덱스보다 큰 인덱스를 가진 노드 컬렉션을 가져오는 데 사용됩니다.
반환 값 : Array (Element);
8.$("TagName:lt(index)")
설명: 특정 노드 집합의 인덱스보다 작은 노드 집합을 가져오는 데 사용됩니다.
반환 값: Array(Element) ;
9.$(":header")
설명: 페이지에서 h1, h2, h3과 같은 제목 노드 컬렉션을 가져오는 데 사용됩니다.
반환 값: Array(Element) ;