JQuery学習ノートセレクターthree_jquery

复制代代码如下:

h1

h2

li1

1

2

3

4

li2

5

6

li3

checkbox1
checkbox2


最初のウルポイントの表示
最後の最後にある点の表示
未選択のチェックボックスの ID
表示インデックスはカップ数の ul コンテンツ
表示インデックスは奇数の ul コンテンツ
表示インデックスが 3 の ul コンテンツ
インデックスが 3 を超える ul コンテンツを表示
インデックスが 3 未満の ul コンテンツを表示
表示页面标题内容


結果:

このセクションには課外の知識ポイントがないようです。はは、本題に入りましょう
1.$("TabName:first")
説明: 特定のノードの最初のノードは、次のことができます。例では 6 つの ul があります。$("ul:first") を使用して最初の ul ノードを取得します。
戻り値:
2.$("TabName:Last")
説明 : 前の使用法と同様ですが、唯一の違いは、このメソッドが最後のノードを取得するために使用されることです
戻り値: 要素;
3.$("TabName:not(:attribute)")
説明: このメソッドは、いくつかの単純なセレクター フィルタリングを実装できます。たとえば、$("input:not(:checked)") は、選択されていないチェックボックス要素を選択します。このメソッドは、ブール値のみを選択できるようです。属性でフィルターします。この例では、false にチェックされた入力を選択することに相当します。
戻り値: Array(Element);
4.$("TabName:even")
説明: 特定のノードの偶数インデックス ノードのセットを取得するために使用されます。インデックスは 0 から始まるため、この例では、
をクリックした後、aEven は 1 番目、3 番目、および 5 番目の ul ノードを取得します。 戻り値: Array(Element);
5.$("TagName:odd" )
説明: 前のメソッドと同様ですが、唯一の違いは、奇数のノードのセットを取得することです。
戻り値: Array(Element);
6.$("TagName:eq(index)")
説明: 特定のノード コレクション内のインデックス インデックス位置を取得するために使用されるノード
Return値: Array(Element);
7.$("TagName:gt(index)")
説明: 特定のノード コレクション内のインデックスより大きいインデックスを持つノード コレクションを取得するために使用されます
戻り値: Array (Element);
8.$("TagName:lt(index)")
説明: 特定のノード セット内のインデックスが小さいノード セットを取得するために使用されます
戻り値: Array(Element) ;
9.$(":header")
説明: ページ内の h1、h2、h3 などのタイトル ノードのコレクションを取得するために使用されます
戻り値: Array(Element) ;