首頁 > web前端 > js教程 > jQuery過濾選擇器:not()方法使用介紹_jquery

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

WBOY
發布: 2016-05-16 16:51:56
原創
1558 人瀏覽過

jQuery(':not(selector)')

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

複製程式碼 程式碼如下:

"a">sdfsdfs


"b">sdfsdfs


"c">sdfsdfs


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

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

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

$("selector1:not(selector2)")

我們分析下上面的程式碼,我們要取得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
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板