2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

代碼一

<h2>屬性篩選選擇器</h2><h3>[att=val]、[att]、[att|=val]、[att~=val]</h3><div class="left" testattr="true" ><div class="div" testattr="true" name='p1'><a>[att=val]</a></div><div class="div" testattr="true" p2><a>[att]</a></div><div class="div" testattr="true" name="en"><a>[att|=val]</a></div><div class="div" testattr="true" name="en-cn"><a>[att|=val]</a></div><div class="div" testattr="true" name="one two"><a>[att~=val]</a></div></div>

###1、[attr=val]，篩選屬性attr=val的元素 $('div[name=p1]')選擇了代碼一中的

<div class="div" testattr="true" name='p1'><a>[att=val]</a></div>

2、[attr]，篩選包含屬性attr的元素

$('div[p2]')選擇了代碼一中的

<div class="div" testattr="true" p2><a>[att]</a></div>

3、[attr|=val]，篩選屬性attr的值為'val'或以'val-'開頭的元素

$('div[name|="en"]')選擇了代碼一中的

<div class="div" testattr="true" name="en"><a>[att|=val]</a></div><div class="div" testattr="true" name="en-cn"><a>[att|=val]</a></div>

4、[attr~=val]，篩選屬性attr的值包含單詞val的元素

$('div[name~="one"]')選擇了代碼一中的

<div class="div" testattr="true" name="one two"><a>[att~=val]</a></div>

代碼二

<h3>[att^=val]、[att*=val]、[att$=val]、[att!=val]</h3><div class="left" testattr="true" ><div class="div" testattr="true" name='imooc-aaorn'><a>[att^=val]</a></div><div class="div" testattr="true" name='aaorn-imooc'><a>[att$=val]</a></div><div class="div" testattr="true" name="attr-test-selector"><a>[att*=val]</a></div><div class="div" name="a b"><a>[att!=val]</a></div></div>

5、[attr^=val]，篩選屬性attr的值以val開頭的元素

$('div[name^=imooc]')選擇了代碼二中的

<div class="div" testattr="true" name='imooc-aaorn'><a>[att^=val]</a></div>

6、[attr$=val]，篩選屬性attr的值以val結(jié)尾的元素

$('div[name$=imooc]')選擇了代碼二中的

<div class="div" testattr="true" name='aaorn-imooc'><a>[att$=val]</a></div>

7、[attr*=val]，篩選屬性attr的值包含val的元素

$('div[name*="test"]')選擇了代碼二中的

<div class="div" testattr="true" name="attr-test-selector"><a>[att*=val]</a></div>

8、[attr!=val]，篩選沒有屬性attr或?qū)傩詀ttr的值不等于val的元素

$('div[testattr!="true"]')選擇了代碼二中的

<div class="div" name="a b"><a>[att!=val]</a></div>

轉(zhuǎn)載于:https://my.oschina.net/bob1900/blog/731783

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的jQuery属性筛选选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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