jQuery篩選器--屬性選擇器
阿新 • • 發佈:2018-12-26
屬性選擇器
[attribute] | 匹配包含給定屬性的元素。 |
[attribute=value] | 匹配給定的屬性是某個特定值的元素 |
[attribute!=value] | 匹配所有不含有指定的屬性,或者屬性不等於特定值的元素。 |
[attribute^=value] | 匹配給定的屬性是以某些值開始的元素 |
[attribute$=value] | 匹配給定的屬性是以某些值結尾的元素 |
[attribute*=value] | 匹配給定的屬性是以包含某些值的元素 |
[selector1][selector2][selectorN] | 複合屬性選擇器,需要同時滿足多個條件時使用。 |
舉例說明
html程式碼
<div class="left" id="aa1"> <div class="aaron" id="aa7"> <p id="aa5" title="dd">div下的第一個p元素</p> </div> </div> <div class="bottom" id="aa2" title=""> <span class="prev" id="aa6">選擇span器元素</span> <div id="aa3">兄弟節點div <div class="small" id="aa4" title="ss">子元素div</div> </div> </div>
$("[title!=ss]").each(function(){
console.log($(this).attr("id"))
})
結果與說明:
aa1
aa7
aa5
aa2
aa6
aa3
[attribute!=value]不僅僅是篩選屬性不等於特定值的元素,也篩選不包含該屬性的元素