ホームページ > 記事 > ウェブフロントエンド > jquery属性フィルターセレクターとは何ですか?
jquery 属性フィルター セレクターには、「[attribute]」、「[attribute=value]」、「[attribute*=value]」、「[attribute~=value]」、「[attribute!= value」が含まれます。 ]」、「[属性^=値]」など。
【関連する推奨事項: 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 サイトの他の関連記事を参照してください。