jquery selector_jqueryの属性フィルターセレクターの詳細説明-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:02:22

オリジナル

1127 人が閲覧しました

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

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

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 

 で終わります