jquery屬性過濾選擇器有:「[attribute]」、「[attribute=值]」、「[attribute*=值]」、「[attribute~=值]」、「[attribute!=值]”、“[attribute^=值]”等等。
【相關推薦:jQuery影片教學】
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屬性過濾選擇器有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!