jQuery過濾選擇器 not 方法使用介紹

2022-09-07 06:12:12 字數 964 閱讀 8691

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

sdfsdfs

sdfsdfs

sdfsdfs

$("p:not(.a)").css()

那麼除了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

我們經常會用到屬性[attribute]選擇器,例如

hello!

jquery **:

$("div[id]")

結果:

[ 

]

但是,我們要選擇的是沒有id的div,那應該怎麼寫呢?

這時候,我們應該使用:not

$("div :not([id])")

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...

jQuery過濾選擇器 基本過濾選擇器

過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素,過濾規則與css中的偽類選擇器語法相同,即選擇器都以乙個冒號 開頭。按照不同的過濾規則,過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...

jQuery過濾選擇器

基本過濾選擇器 first 選取第乙個元素 last 選取最後乙個元素 not selector 去除所有與給定選擇器匹配的元素 even 選取索引是偶數的所有元素,索引從0開始 odd 選取索引是奇數的所有元素,索引從0開始 eq index 選取索引等於index的元素 index從0開始 gt...