jQuery之屬性過濾選擇器

2021-06-17 22:32:57 字數 1263 閱讀 4222

在html文件中,元素的開始標記中通常包含有多個屬性(attribute), 在jquery中,除了直接使用id和class屬性作為選擇器之外,還可以根據各種屬性(如title等)對由選擇器

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

根據屬性值從查詢到的元素中進行篩選。

1:包含屬性過濾器

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

格式:$("selector[attribute]")

2:屬性等於過濾器

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

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

例子:$("input[name=accept]").attr("checked", "true");  //將name為accept的核取方塊選中  

3:屬性包含過濾器

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

格式:$("selector[attribute*=value]")   

例子:$("input[name*='news']").val("name中包含有news的元素");  //將name中包含'news'的文字框新增文字值

4:屬性包含單詞過濾器

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

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

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

5:屬性不等於過濾器

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

格式:$("selector[attribute!=value]")

6:屬性開始過濾器

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

格式:$("selector[attribute^=value]")   

7:屬性結尾過濾器

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

格式:$("selector[attribute$=value]") 

8:復合屬性過濾器

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

格式:$("selector[selector1][selector2]...[selector[n]")

例項:$("input[id][name^='news']").val("復合條件"):用於選擇包含有id屬性並且name值以'news'開頭的文字框,並對其值進行設定

jQuery之屬性過濾選擇器

在html文件中,元素的開始標記中通常包含有多個屬性 attribute 在jquery中,除了直接使用id和class屬性作為選擇器之外,還可以根據各種屬性 如title等 對由選擇器 查詢到的元素進行過濾,屬性過濾選擇器包含了在中括號 中,而不是以冒號開頭,通常使用 選擇器 屬性過濾選擇器 語法...

jquery屬性過濾選擇器

div id addclass highlight 查詢所有含有id屬性的div元素 input name basketball attr checked true name屬性值為basketball的input元素選中 input name basketball attr checked tru...

Jquery過濾選擇器之基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需要的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都可以以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。首先介紹基本過濾選擇器 選擇器描述 返回例項 fi...