jQuery之屬性過濾選擇器
在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'開頭的文字框,並對其值進行設定