jquery 選擇器,模糊匹配

2022-02-28 11:37:21 字數 2181 閱讀 4534

按姓名匹配 

1,name字首為aa的所有div的jquery物件 

$("div[name^='aa']");

2,name字尾為aa的所有div的jquery物件

$("div[name$='aa']");

3,name中包含aa的所有div的jquery物件 

$("div[id*='aa']");

以上返回的都是jquery的集合物件,因此都可以用

下面的格式可用於集合,也可以用於匹配單個jquery物件 

1,

$("tag:type[tagattribute='xx']");

例如: 

$("input:text[name='xx']")

屬性字頭選擇器(attribute contains prefix selector)

jquery 屬性字頭選擇器的使用格式是jquery(『[attribute|=value]『),例如jquery(『[herflang|=en]『)這句**執行時將會選擇文件中所有含有 herflang 屬性,並且 herflang 的值以 「en」 開頭的元素,即使 「en」 後面緊跟著連字元 「-」 也能進行選擇。

屬性開頭選擇器(attribute starts with selector)

jquery(『[attribute^=value]『),用於選擇屬性的值以某個字串開頭的元素,但和jquery(『[attribute|=value]『)的區別是,如果 value 的後面是乙個連字元的話,這個元素不會被選擇。例如jquery(『[rel^=no]『)將會選擇所有 rel 的值以 「no」 開頭的元素,但類似於 rel=」no-****」 的元素不會被選擇。

屬性包含選擇器(attribute contains selector)

基本使用方法為jquery(『[attribute*=value]『),例如jquery(『[rel*=no]『),表示所有帶有 rel 屬性,並且 rel 的值裡包含子字串 「no」 的元素(如 rel=」nofollow」,rel=」yesorno」 等等)都將會被選擇。

屬性單詞選擇器(attribute contains word selector)

jquery(『[attribute~=value]『),這個選擇器的特別之處在於 value 的值只能必須是乙個獨立的單詞(或者是字串),例如jquery(『[rel~=no]『),此句在執行的時候會選擇帶有 rel=」yes or no」 的元素,但不會選擇帶有 rel=」yesorno」 的元素。這個選擇器可以看做屬性包含選擇器的補充品,用於需要進行嚴格匹配的時候。

屬性結尾選擇器(attribute ends with selector)

jquery(『[attribute$=value]『),用於選擇特定屬性的值以某個字串結尾的元素,例如jquery(『[rel$=no]『)將會選擇 rel 屬性的值以 「no」 結尾的元素。

屬性均等選擇器(attribute equals selector)

jquery(『[attribute=value]『),只選擇屬性的值完全相等的元素,如:jquery(『[rel=nofollow]『),則只選擇 rel=」nofollow」 的元素,差一點都不行!

屬性非等選擇器(attribute not equal selector)

jquery(『[attribute!=value]『),和:not([attr=value])的效果一樣,用於選擇屬性不等於某個值的元素,例如jquery(『[rel!=nofollow]『),所有 rel=」nofollow」 的元素都不會被選擇。

例如:

參考:lyp721-yeah-net

jquery 選擇器,模糊匹配

參考:人來人往

jquey模糊選擇

jquery 選擇器,模糊匹配

按姓名匹配 1,name字首為aa的所有div的jquery物件 div name aa 2,name字尾為aa的所有div的jquery物件 div name aa 3,name中包含aa的所有div的jquery物件 div id aa 以上返回的都是jquery的集合物件,因此都可以用 eac...

jquery 選擇器 之 模糊匹配

一 按name獲取元素 1 獲取 name 為 abc 的所有input的jquery物件 input name abc 2 獲取 name 字首為 abc 的所有input的jquery物件 input name abc 3 獲取 name 字尾為 abc 的所有input的jquery物件 in...

css選擇器之模糊匹配

1.class icon 說明 所有class包含 icon 字串的元素都會被選中 class icon class icon test1 111111div class icon test2 222222div class aaa icon test3 333333div class eeeico...