jquery selector_jqueryの属性フィルターセレクターの詳細説明

コードをコピー コードは次のとおりです。

コードをコピー コードは次のとおりです:

Hello< ;/p>

ID テスト付きの DIV

フットボール
バレーボール
バスケットボール
その他
< /body>

1. [属性] 使用法
定義: 指定された属性を含む要素

コードをコピー コードは次のとおりです。

$("div[id]").addClass("highlight"); //すべて検索します。 ID 属性を持つ div 要素

2. [attribute=value] 使用法
定義: 指定された属性が a である要素

と一致します。特定の値 コードをコピー コードは次のとおりです:

$("input[name='basketball']").attr( "checked",true ); //name 属性値がバスケットボールである入力要素が選択されています

3. [attribute!=value] 使用法
定義: 一致指定された属性は含まれていません 特定の値を持つ要素

コードをコピー コードは次のとおりです:

$("input[name !='basketball']").attr("checked",true); //名前属性値はバスケットボールの入力要素として選択されていません
//このセレクターは同等ですto: not([attr=value]) 特定の属性を含むが特定の値と等しくない要素を一致させるには、 [attr]:not([attr=value])
$("input:not( input[name='basketball'])").attr ("checked",true);

4. [attribute^=value] 使用法
定義:指定された属性が特定の値で始まる要素を照合します

コードをコピー コードは次のとおりです:

$("input[name^='foot'] ").attr("checked",true); //名前が 'foot' で始まるすべての入力要素を検索します

5. [attribute$=value] 使用法
定義: 指定された属性が特定の値で終わる要素と一致します

コードをコピー コードは次のとおりです。

$("input[name$='ball']").attr("checked",true); // すべての入力要素を検索します。名前が「ball」で終わる

6. [attribute*=value] 使用法
定義: 特定の値を含む要素によって指定された属性と一致します。

コードをコピー コードは次のとおりです:

$("input[name*='sket'] ").attr("checked",true); //「sket」を含むすべての名前入力要素を検索

7. [selector1][selector2][selectorN] 使用法
定義: 複数の要件を同時に満たす必要がある複合属性セレクター

を使用してコード をコピーします。コードは次のとおりです:

$("input[id][name $='ball']").attr("checked",true) //id とその属性を含むすべての属性を検索します。 name 属性は ball

で終わります