jQueryにはどのようなセレクターがありますか? jqueryの4つのセレクターの紹介

jqueryセレクターには何種類ありますか?この記事では、jquery セレクターとは何か、そして jquery セレクターとは何かについて簡単に説明します。必要な方は参考にしていただければ幸いです。あなたに役立ちます。

1: セレクターの役割

Web ページなどの上にあるラベル要素を取得し、それらに対して一連の操作を実行します (スタイルの追加、動作の追加など)

2: とはセレクターは?

基本セレクター、階層セレクター、フィルターセレクター、フォームセレクター

1: 基本セレクター 基本セレクターは、jquery で最も一般的に使用されるセレクターであり、要素 ID、クラスを通じて最も単純なセレクターでもあります。 、検索するためのタグ名
DOM 要素 (ID は Web ページ内で 1 回のみ使用できます。ID は一意ですが、クラスは再利用できます)

1. ID セレクター

使用法: $("#id name " ; 要素 (タグセレクター)

使用法: $("span,p,p"); コレクション要素を返します

4, $("*"): コレクション要素を返し、すべての要素に一致します

2: 階層セレクター

1: 親 子: 祖先と子孫

3: フィルター セレクター

基本フィルター セレクター (最も一般的に使用されるフィルター セレクター)

: not (選択)

使用法: $(input:not(select)) コレクション要素を返します。

説明: 指定されたセレクターに一致するすべての要素を削除します。 "not" と少し似ています :first 最初の要素を検索します

:last 最後の要素を検索します :odd 添字が基底である要素と一致します

:even 添字が偶数である要素と一致します

:eq( "Subscript") 指定された添字を持つ要素と一致します

:gt("Subscript") 指定された添字より大きいインデックス値を持つ要素と一致します (それ自体を除く)

:lt("Subscript") より小さいインデックス値と一致します指定されたもの インデックス値を持つ要素 (それ自体は含まれません)

コンテンツ フィルタリング セレクター

: contains ("text content") 一致する要素に指定されたテキスト コンテンツが含まれるかどうか

: has (label 要素) //セレクターを含むすべての要素と一致します 一致した要素の要素

: empty // 内容が空の要素と一致します

:parent // 子要素またはテキストを含む要素と一致します

属性フィルターセレクター

[attribute =value]: 属性フィルター セレクターは、要素の属性を通じて対応する要素を取得します

例:

$("input[name='chk']").attr("checked", true);

-- chk という名前のチェックボックスがオンになっていると、コレクションが返されます
属性は true に変更されます

フィルターセレクター

: hidden 非表示の要素をフィルターします (type="hidden", css: display="none")

:visible 表示されている要素をフィルターします

子要素のフィルターセレクター

:nth-child(index/even /odd/equation)注: ここでのインデックス値は 1 から始まり、eq は 0 から始まります

: first-child 最初の子要素を検索します

: last-child 最後の子要素を検索します

: Only-child子要素を 1 つだけ持つ要素と一致します

フォーム オブジェクト属性フィルター セレクター

: 無効 使用できない要素をフィルターします

: 有効 使用可能な要素をフィルターします

: オン 選択されたフィルターをフィルターします チェックボックス

: オン ドロップダウンで選択された要素をフィルターしますbox

DOM 操作は要素の追加、削除、変更、確認です関連推奨事項:

jquery セレクターの紹介

jquery セレクター (一般的に使用されるセレクターの説明)_jquery

JQuery セレクターの詳細な概要特別版_jquery

以上がjQueryにはどのようなセレクターがありますか? jqueryの4つのセレクターの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。