jQuery過濾選擇器:not()方法使用介紹
更新時間：2014年04月20日 15:21:20 作者：
這篇文章主要介紹了jQuery過濾選擇器:not()方法的使用,需要的朋友可以參考下
jQuery(':not(selector)')
在jQuery的早期版本中,:not()篩選器只支持簡單的選擇器,說明我們傳入到:not這個filter中的selector可以任意復(fù)雜,比如: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"})
那么除了class等于a的p元素外,其他的P的文字顏色就變成了紅色.
:not()偽類過濾選擇器,這叫法真拗口,jQuery的:not()方法是jQuery的偽類選擇器,可以過濾不需要的元素,篩選出正確的結(jié)果,簡單的說我們有如下代碼:
$("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
在jQuery的早期版本中,:not()篩選器只支持簡單的選擇器,說明我們傳入到:not這個filter中的selector可以任意復(fù)雜,比如:not(div a) and :not(div,a)
復(fù)制代碼 代碼如下:
<p >"a">sdfsdfs</p>
<p >"b">sdfsdfs</p>
<p >"c">sdfsdfs</p>
$("p:not(.a)").css({"color":"red"})
那么除了class等于a的p元素外,其他的P的文字顏色就變成了紅色.
:not()偽類過濾選擇器,這叫法真拗口,jQuery的:not()方法是jQuery的偽類選擇器,可以過濾不需要的元素,篩選出正確的結(jié)果,簡單的說我們有如下代碼:
復(fù)制代碼 代碼如下:
$("selector1:not(selector2)")
我們分析下上面的代碼,我們要獲取selector1的元素,但可能我不需要全部,怎么辦,通過:not()方法來過濾,如果selector1的集合中有#1,#2,#3,#4
我們的selector2就是要過濾掉#4，上面的代碼我們最終將獲得#1,#2,#3
再舉幾個列子
復(fù)制代碼 代碼如下:
$(‘li:not(:only-child)')//匹配所有的li,除了只有一個子元素的
$(‘li:not(:first-child)');//匹配除了在他父元素中是第一個子元素的LI
$("li :not(:first)").hide();//隱藏除了第一個LI外的所有LI
您可能感興趣的文章:
- jquery選擇器排除某個DOM元素的方法（實例演示）
- jQuery獲取復(fù)選框被選中數(shù)量及判斷選擇值的方法詳解
- jQuery選擇id屬性帶有點符號元素的方法
- jQuery選擇器總結(jié)之常用元素查找方法
- JQuery 選擇和過濾方法代碼總結(jié)
- JQuery的常用選擇器、過濾器、方法全面介紹
- jquery $(this).attr $(this).val方法使用介紹
- 詳談jQuery中的this和$(this)
- jQuery中$this和$(this)的區(qū)別介紹（一看就懂）
- JQuery this 和 $(this) 的區(qū)別
- jQuery 中$(this).index與$.each的使用指南
- jQuery 選擇方法及$(this)用法實例分析
相關(guān)文章
這篇文章主要介紹了JQuery中的AJAX，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
今天終于有時間把我以前寫的一個jQuery插件進行整理，改進。這是一個模擬“模式對話框”的插件，該模式對話框共有三種皮膚，紅、綠、藍。2009-09-09
這篇文章主要介紹了jquery左右全屏大尺寸多圖滑動效果，特別適合用商城網(wǎng)站，視覺上特別有沖擊感，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
javascript 歷史記錄 經(jīng)常用于產(chǎn)品最近歷史瀏覽
在很多購物網(wǎng)站，都有“產(chǎn)品的瀏覽歷史記錄”，這是個很貼心的功能。2009-05-05
js調(diào)用iframe實現(xiàn)打印頁面內(nèi)容的方法
這篇文章主要介紹了js調(diào)用iframe實現(xiàn)打印頁面內(nèi)容的方法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了JQuery異步加載PartialView的方法,涉及jQuery與asp.net交互及異步操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
jquery實現(xiàn)企業(yè)定位式導(dǎo)航效果
這篇文章主要介紹了jquery實現(xiàn)企業(yè)定位式導(dǎo)航效果2018-01-01
這篇文章主要介紹了打造自己的jQuery插件,簡單分析了jQuery插件的原理與基本實現(xiàn)技巧,需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)硪黄猨query屬性,遍歷,HTML操作方法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)天貓商品放大鏡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03