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

伊谢尔伦
リリース: 2017-06-19 15:05:16
オリジナル
2046 人が閲覧しました

1. たとえば、ページ

の 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!