屬性過濾選擇器

選擇器

功能

返回值

[attribute]

獲取包含給定屬性的元素

元素集合

[attribute=value]

獲取等于給定的屬性是某個特定值得元素

元素集合

[attribute!=value]

獲取不等于給定的屬性是某個特定值得元素

元素集合

[attribute^=value]

獲取給定的屬性是以某些值開始的元素

元素集合

[attribute$=value]

獲取給定的屬性是以某些值結(jié)尾的元素

元素集合

[attribute*=value]

獲取給定的屬性是以包含某些值得元素

元素集合

[selector1][selector2][selectorN]

獲取滿足多個條件的復(fù)合屬性的元素

元素集合

下面將通過示例來講解如何使用過濾選擇器定位DOM元素的方法。

示例如下：

(1)描述

頁面中，創(chuàng)建四個div標(biāo)記，并設(shè)置不同的ID和Title屬性值，然后通過屬性過濾選擇器獲取所指定的元素集合，并顯示在頁面中。

(2)代碼實現(xiàn)

...省略代碼

$(function(){ //顯示所有包含id屬性的元素 1

$("div[id]").show(3000);

})

$(function(){ //顯示所有屬性title的值是"A"的元素 2

$("div[title='A']").show(3000);

})

$(function(){ //顯示所有屬性title的值不是"A"的元素 3

$("div[title!='A']").show(3000);

})

$(function(){ //顯示所有屬性title的值是"A"開始的元素 4

$("div[title^='A']").show(3000);

})

$(function(){ //顯示所有屬性title的值是"C"結(jié)束的元素 5

$("div[title$='C']").show(3000);

})

$(function(){ //顯示所有屬性title的值中含有"B"的元素 6

$("div[title*='B']").show(3000);

})

$(function(){ //顯示所有屬性title的值中含有"B"且屬性id的值是“divAB”的元素 7

$("div[id='divAB'][title*='B']").show(3000);

})

...省略代碼

IDtitle AID

title AB

title ABC

...省略代碼

任務(wù)：把上面jQuery中的操作一一的在代碼框中重現(xiàn)。

總結(jié)

以上是生活随笔為你收集整理的$ajax 筛选某个属性,jQuery的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。