1. 程式人生 > >jQuery篩選器--屬性選擇器

jQuery篩選器--屬性選擇器

屬性選擇器
[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>
script:
$("[title!=ss]").each(function(){		
    console.log($(this).attr("id"))
})

結果與說明:
 aa1
 aa7
 aa5
 aa2
 aa6
 aa3
      [attribute!=value]不僅僅是篩選屬性不等於特定值的元素,也篩選不包含該屬性的元素