jQuery過濾選擇器:not()方法介紹

fmms 13年前發布 | 136K 次閱讀 jQuery Ajax框架

在jQuery的早期版本中,:not()篩選器只支持簡單的選擇器,說明我們傳入到:not這個filter中的selector可以任意復雜,比如:not(div a) and :not(div,a)

<p >"a">sdfsdfs</p>

<p >"b">sdfsdfs</p>

<p >"c">sdfsdfs</p>

$("p:not(.a)").css({"color":"red"})

</div>

那么除了class等于a的p元素外,其他的P的文字顏色就變成了紅色.

:not()偽類過濾選擇器,這叫法真拗口,jQuery的:not()方法是jQuery的偽類選擇器,可以過濾不需要的元素,篩選出正確的結果,簡單的說我們有如下代碼:

$("selector1:not(selector2)")

</div> </div>

我們分析下上面的代碼,我們要獲取selector1的元素,但可能我不需要全部,怎么辦,通過:not()方法來過濾,如果selector1的集合中有#1,#2,#3,#4

我們的selector2就是要過濾掉#4，上面的代碼我們最終將獲得#1,#2,#3

再舉幾個列子

$(‘li:not(:only-child)’)//匹配所有的li,除了只有一個子元素的

$(‘li:not(:first-child)’);//匹配除了在他父元素中是第一個子元素的LI

$("li :not(:first)").hide();//隱藏除了第一個LI外的所有LI

本文由用戶 fmms 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！