jqueryで要素を取得する6つの方法まとめ-jsチュートリアル-php.cn

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

伊谢尔伦

リリース： 2017-06-19 15:05:16

オリジナル

2078 人が閲覧しました

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$=&#39;letter&#39;]")

ログイン後にコピー

結果:

[ <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!=&#39;newsletter&#39;]").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*=&#39;man&#39;]")

ログイン後にコピー

結果:

[ <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^=&#39;news&#39;]")

ログイン後にコピー

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$=&#39;letter&#39;][value$=&#39;zz&#39;]").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 サイトの他の関連記事を参照してください。