jquery属性フィルターセレクターとは何ですか?

青灯夜游
リリース: 2020-11-13 17:12:53
オリジナル
3398 人が閲覧しました

jquery 属性フィルター セレクターには、「[attribute]」、「[attribute=value]」、「[attribute*=value]」、「[attribute~=value]」、「[attribute!= value」が含まれます。 ]」、「[属性^=値]」など。

jquery属性フィルターセレクターとは何ですか?

【関連する推奨事項: jQuery ビデオ チュートリアル

jquery 属性フィルター セレクター

HTML ドキュメントでは、通常、要素の開始タグには複数の属性が含まれています。jQuery では、id 属性と class 属性をセレクターとして直接使用することに加えて、クエリーされた要素をフィルタリングすることもできます。さまざまな属性 (タイトルなど) に応じたセレクター。

属性フィルタリング セレクターは、コロンで始まるのではなく角括弧 "[]" で囲まれ、通常は "select "[属性フィルター セレクター]" 構文を使用します。形式を使用すると、指定された属性が含まれているかどうか、または属性値に基づいて、クエリされた要素をフィルタリングできます。

1: 属性フィルター「[attribute]」が含まれます

指定された属性を含むすべての要素を選択するために使用されます

形式:

$("selector[attribute]")
ログイン後にコピー

2: 属性等しいフィルター "[attribute=value]"

指定された属性が特定の値と等しいすべての要素をフィルターするために使用されます

     $("selector[attribute=value]");
ログイン後にコピー

例:

$("input[name=accept]").attr("checked", "true");  //将name为accept的复选框选中
ログイン後にコピー

3: 属性にはフィルター「[属性 *= 値]」が含まれています。

指定された属性値に指定された文字列が含まれるすべての要素を選択するために使用されます

形式:

$("selector[attribute*=value]")
ログイン後にコピー

例:

$("input[name*='news']").val("name中包含有news的元素");  //将name中包含'news'的文本框添加文本值
ログイン後にコピー

4: 属性には単語フィルター「[属性 ~= 値]」が含まれています

Use Select指定された属性値に指定された単語 (スペースで区切られている) を含む要素

形式:

$("selector[attribute~=value]");
ログイン後にコピー

例:

$('input[name~='news']').val("name中包含news单词的元素");
ログイン後にコピー

5: 属性が次と等しくないフィルター ツール "[attribute !=value]"

指定された属性を含まない要素、または指定された属性を含むがその属性が値と等しくないすべての要素を選択するために使用されます

形式:

$("selector[attribute!=value]")
ログイン後にコピー

6: 属性開始フィルター "[属性 ^= 値]"

指定された属性が特定の値で始まるすべての要素を選択するために使用されます

形式:

$("selector[attribute^=value]")
ログイン後にコピー

7: 属性終了フィルター "[attribute $= value]"

指定された属性が次の文字で終わるかどうかを選択するために使用されます。特定の値 すべての要素

形式:

$("selector[attribute$=value]")
ログイン後にコピー

8: 複合属性フィルター

複数の条件を同時に満たすすべての要素を選択するために使用されます

形式:

$("selector[selector1][selector2]...[selector[N]")
ログイン後にコピー

例:

$("input[id][name^='news']").val("复合条件")//用于选择包含有id属性并且name值以'news'开头的文本框,并对其值进行设置
ログイン後にコピー

プログラミング関連の知識については、プログラミング ビデオをご覧ください。 !

以上がjquery属性フィルターセレクターとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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