上一期介紹了屬性過濾選擇器,提到了正則,那這次還是稍微說說吧,首先是不等于,開頭以及結尾。原效果圖如下:

$("div[title!=test]").css("background","#bbffaa");title屬性值不為test的div元素,這裡要注意,不等于的符号為!=,等于的符号隻是一個=,效果圖如下:
接下來就是開頭和結尾,這裡我們可以用到正則的寫法,如:$("div[title^=te]").css("background","#bbffaa");即title屬性值以te開頭的div元素,效果圖如下:
("div[title
上文中的^和$都是正則中的基礎用法,雖然正則中的文法不能完全的搬過來,但是稍加改變還是可以高效利用的。
第二發,含有以及多條件篩選,含有我們使用型号,如:$("div[id][title*=es]").css("background","#bbffaa");效果圖如下:
那麼如果我們想通過多個條件來篩選應該怎樣表達呢,很簡單,隻要并列羅列上就可以了每對中括号之間也不需要其他符号,如:$("div[id][title*=es]").css("background","#bbffaa");意為含有id屬性且title屬性值含有es的div元素,效果圖如下:
好啦,今天就啰嗦這麼多,如果喜歡本文章請多多分享,歡迎關注公衆号:奔跑在IT之路,掃碼更友善哦!