jquery屬性過濾選擇器有哪些

了解jquery屬性過濾選擇器有哪些？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

jquery屬性過濾選擇器有：“[attribute]”、“[attribute=值]”、“[attribute*=值]”、“[attribute~=值]”、“[attribute!=值]”、“[attribute^=值]”等等。

jquery屬性過濾選擇器

在HTML文檔中，元素的開始標記中通常包含有多個屬性(attribute), 在jQuery中，除了直接使用id和class屬性作為選擇器之外，還可以根據各種屬性（如title等）對由選擇器查詢到的元素進行過濾

屬性過濾選擇器包含了在中括號"[]"中，而不是以冒號開頭，通常使用"選擇器[屬性過濾選擇器]"語法格式，可以根據是否包含指定屬性或者根據屬性值從查詢到的元素中進行篩選。

1：包含屬性過濾器“[attribute]”

用于選擇包含給定屬性的所有元素

格式:

$("selector[attribute]")

2：屬性等于過濾器“[attribute=value]”

用于篩選給定屬性等于某特定值的所有元素

     $("selector[attribute=value]");

例子：

$("input[name=accept]").attr("checked", "true");  //將name為accept的復選框選中

3：屬性包含過濾器“[attribute *= value]”

用于選擇指定屬性值包含給定字符串的所有元素

格式:

$("selector[attribute*=value]")

例子:

$("input[name*='news']").val("name中包含有news的元素");  //將name中包含'news'的文本框添加文本值

4：屬性包含單詞過濾器“[attribute ~= value]”

用于選擇指定屬性值中包含給定單詞(由空格分隔)的元素

格式:

$("selector[attribute~=value]");

例子:

$('input[name~='news']').val("name中包含news單詞的元素");

5：屬性不等于過濾器“[attribute !=value]”

用于選擇不包含指定屬性，或者包含指定屬性但該屬性不等于某個值的所有元素

格式:

$("selector[attribute!=value]")

6：屬性開始過濾器“[attribute ^= value]”

用于選擇給定屬性是以某特定值開始的所有元素

格式:

$("selector[attribute^=value]")

7：屬性結尾過濾器“[attribute $= value]”

用于選擇給定屬性是以某特定值結尾的所有元素

格式:

$("selector[attribute$=value]")

8：復合屬性過濾器

用于選擇同時滿足多個條件的所有元素

格式:

$("selector[selector1][selector2]...[selector[N]")

實例：

$("input[id][name^='news']").val("復合條件")//用于選擇包含有id屬性并且name值以'news'開頭的文本框，并對其值進行設置

感謝各位的閱讀！看完上述內容，你們對jquery屬性過濾選擇器有哪些大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。