jqueryで要素を取得する6つの方法まとめ

1. たとえば、ページ

$("p[id]").css("color","red");

の p タグ内の ID を持つ

属性

要素を取得したい場合は、属性値に基づいて要素
1.$ を取得します。 jQuery $("") では、この構文は $(document.createElement("span")) と同等であり、要素を選択するときにも次のように使用されます。 [attribute$=value] は、指定された属性が何らかの値で終わる要素と一致します。以下に例を示します:
HTML コード

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="jobletter" />

jQuery コード:

$("input[name$='letter']")

結果:

[ <input name="newsletter" />, <input name="jobletter" /> ]

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);

結果:

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

3.*。セレクター: [attribute*=value]、指定された属性を特定の値を含む要素に一致させます。例を示します:
HTML コード:

<input name="man-news" /> 
<input name="milkman" /> 
<input name="letterman2" /> 
<input name="newmilk" />

jQuery コード:

$("input[name*='man']")

結果:

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

4.@。指定された属性を含む要素と一致します。 jQuery 1.3 では、先頭の @ 記号が非推奨になったことに注意してください。最新バージョンとの互換性を維持したい場合は、@ 記号
を削除してください。

5.^。セレクター: [attribute^=value]、特定の値で始まる指定された属性と一致します。 以下に例を示します。
HTML コード:

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="newsboy" />

jQuery コード:

$("input[name^='news']")

Result:

[ <input name="newsletter" />, <input name="newsboy" /> ]

6 要素を取得します。指定された属性を持ち、設定値は指定された string を持ちます。
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");支持多条件操作

もちろん、id 属性や $("input などの他の属性に基づいて取得することもできます) [id=id1]").css("color",red);
jqueryで$("input[name='metaId']").val()を使用すると選択したラジオの値が取得できません直接、ラジオ タグの最初の値を取得するだけです。これは、検索に xpath 言語を使用する jquery に関連している可能性があります。通常、選択したラジオの値を取得したい場合は、次の方法があります:
1、使用します。 $(" input[name='metaId']:checked").val() を取得するには //name はラジオ
2 の name 属性名を表します。取得するには $(":radio:checked").val() を使用します// ページを 1 つのグループ ラジオ タグのみに制限します

以上がjqueryで要素を取得する6つの方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。