JQueryで属性または属性値に基づいて要素を取得
属性に基づいて要素を取得
1.例えば、ページpタグの属性idの要素を取得する
属性値に基づいて要素を取得
1.$.jQueryでは$(「」)、この構文は$(document.createElement(「span」)に等しい.これは、エレメントを選択する際に[attribute$=value]として使用され、与えられた属性に一致するのはいくつかの値で終わるエレメントである.次に例を挙げて説明します.
HTMLコード
jQueryコード:
結果:
[ , ]
2.!.セレクタ:[attribute!=value].指定した属性が含まれていない、または属性が特定の値に等しくないすべての要素を一致させます.このセレクタはnot([attr=value])に等しいです.
例:
HTMLコード
jQueryコード:
結果:
[ ]
3.*.セレクタ:[attribute*=value]で、指定した属性に一致するのは、特定の値を含む要素です.例を挙げて説明します.
HTMLコード:
jQueryコード:
結果:
[ , , ]
4.@.指定した属性を含む要素を一致させます.なお、jQuery 1.3では、先頭の@記号は廃止されています!最新バージョンと互換性を保つには、@記号を簡単に削除するだけです.
はい.
5.^.セレクタ:[attribute^=value]で、指定した属性に一致するのはいくつかの値から始まる要素です.次に例を挙げて説明します.
HTMLコード:
jQueryコード:
結果:
[ , ]
6指定された属性を取得し、設定値に指定された文字列を持つ要素
HTMLコード:
jQueryコード:
もちろん、$(「input[id=id 1]」)などのid属性や他の属性に基づいて取得することもできる.css("color",red);
jqueryでは、$("input[name='metaId']).val()を使用して選択されたradioの値を直接取得することはできません.radioラベルの最初の値を取得するだけです.これは、jqueryがxpath言語を使用して検索している可能性があります.通常、選択されたradioの値を取得するには、次の方法があります.
1,$("input[name='metaId']:checked")を使用する.val()取得//nameはradioのname属性名を表す
2,$(":radio:checked")を使用する.val()取得//制限ページはradioラベルのセットのみ
1.例えば、ページpタグの属性idの要素を取得する
$("p[id]").css("color","red");属性値に基づいて要素を取得
1.$.jQueryでは$(「」)、この構文は$(document.createElement(「span」)に等しい.これは、エレメントを選択する際に[attribute$=value]として使用され、与えられた属性に一致するのはいくつかの値で終わるエレメントである.次に例を挙げて説明します.
HTMLコード
<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />jQueryコード:
$("input[name$='letter']")結果:
[ , ]
2.!.セレクタ:[attribute!=value].指定した属性が含まれていない、または属性が特定の値に等しくないすべての要素を一致させます.このセレクタはnot([attr=value])に等しいです.
例:
HTMLコード
<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />jQueryコード:
$("input[name!='newsletter']").attr("checked", true);結果:
[ ]
3.*.セレクタ:[attribute*=value]で、指定した属性に一致するのは、特定の値を含む要素です.例を挙げて説明します.
HTMLコード:
<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />jQueryコード:
$("input[name*='man']")結果:
[ , , ]
4.@.指定した属性を含む要素を一致させます.なお、jQuery 1.3では、先頭の@記号は廃止されています!最新バージョンと互換性を保つには、@記号を簡単に削除するだけです.
はい.
5.^.セレクタ:[attribute^=value]で、指定した属性に一致するのはいくつかの値から始まる要素です.次に例を挙げて説明します.
HTMLコード:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />jQueryコード:
$("input[name^='news']")結果:
[ , ]
6指定された属性を取得し、設定値に指定された文字列を持つ要素
HTMLコード:
<input type="checkbox" name="newsletter" value="Hot Fuzz"/>
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />
jQueryコード:
$("input[name$='letter'][value$='zz']").attr("checked","true");// もちろん、$(「input[id=id 1]」)などのid属性や他の属性に基づいて取得することもできる.css("color",red);
jqueryでは、$("input[name='metaId']).val()を使用して選択されたradioの値を直接取得することはできません.radioラベルの最初の値を取得するだけです.これは、jqueryがxpath言語を使用して検索している可能性があります.通常、選択されたradioの値を取得するには、次の方法があります.
1,$("input[name='metaId']:checked")を使用する.val()取得//nameはradioのname属性名を表す
2,$(":radio:checked")を使用する.val()取得//制限ページはradioラベルのセットのみ