【jQuery】Selector 模糊選擇

摘要:【jQuery】Selector 模糊選擇

屬性字首選擇器(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” 的元素都不會被選擇。

 

來源位置