jQuery過(guò)濾選擇器:not()方法使用介紹
更新時(shí)間：2014年04月20日 15:21:20 作者：
這篇文章主要介紹了jQuery過(guò)濾選擇器:not()方法的使用,需要的朋友可以參考下
jQuery(':not(selector)')
在jQuery的早期版本中,:not()篩選器只支持簡(jiǎn)單的選擇器,說(shuō)明我們傳入到:not這個(gè)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()偽類過(guò)濾選擇器,這叫法真拗口,jQuery的:not()方法是jQuery的偽類選擇器,可以過(guò)濾不需要的元素,篩選出正確的結(jié)果,簡(jiǎn)單的說(shuō)我們有如下代碼:
$("selector1:not(selector2)")
我們分析下上面的代碼,我們要獲取selector1的元素,但可能我不需要全部,怎么辦,通過(guò):not()方法來(lái)過(guò)濾,如果selector1的集合中有#1,#2,#3,#4
我們的selector2就是要過(guò)濾掉#4，上面的代碼我們最終將獲得#1,#2,#3
再舉幾個(gè)列子
$(‘li:not(:only-child)')//匹配所有的li,除了只有一個(gè)子元素的
$(‘li:not(:first-child)');//匹配除了在他父元素中是第一個(gè)子元素的LI
$("li :not(:first)").hide();//隱藏除了第一個(gè)LI外的所有LI
在jQuery的早期版本中,:not()篩選器只支持簡(jiǎn)單的選擇器,說(shuō)明我們傳入到:not這個(gè)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()偽類過(guò)濾選擇器,這叫法真拗口,jQuery的:not()方法是jQuery的偽類選擇器,可以過(guò)濾不需要的元素,篩選出正確的結(jié)果,簡(jiǎn)單的說(shuō)我們有如下代碼:
復(fù)制代碼 代碼如下:
$("selector1:not(selector2)")
我們分析下上面的代碼,我們要獲取selector1的元素,但可能我不需要全部,怎么辦,通過(guò):not()方法來(lái)過(guò)濾,如果selector1的集合中有#1,#2,#3,#4
我們的selector2就是要過(guò)濾掉#4，上面的代碼我們最終將獲得#1,#2,#3
再舉幾個(gè)列子
復(fù)制代碼 代碼如下:
$(‘li:not(:only-child)')//匹配所有的li,除了只有一個(gè)子元素的
$(‘li:not(:first-child)');//匹配除了在他父元素中是第一個(gè)子元素的LI
$("li :not(:first)").hide();//隱藏除了第一個(gè)LI外的所有LI
您可能感興趣的文章:
- jquery選擇器排除某個(gè)DOM元素的方法（實(shí)例演示）
- jQuery獲取復(fù)選框被選中數(shù)量及判斷選擇值的方法詳解
- jQuery選擇id屬性帶有點(diǎn)符號(hào)元素的方法
- jQuery選擇器總結(jié)之常用元素查找方法
- JQuery 選擇和過(guò)濾方法代碼總結(jié)
- JQuery的常用選擇器、過(guò)濾器、方法全面介紹
- jquery $(this).attr $(this).val方法使用介紹
- 詳談jQuery中的this和$(this)
- jQuery中$this和$(this)的區(qū)別介紹（一看就懂）
- JQuery this 和 $(this) 的區(qū)別
- jQuery 中$(this).index與$.each的使用指南
- jQuery 選擇方法及$(this)用法實(shí)例分析
相關(guān)文章
jQuery的寫法不同導(dǎo)致的兼容性問(wèn)題的解決方法
今天用jQuery操作table時(shí)，出現(xiàn)了一個(gè)兼容性的問(wèn)題，以前都說(shuō)jQuery的兼容性是絕對(duì)可靠的，今天發(fā)現(xiàn)了這個(gè)bug！2010-07-07
jQuery實(shí)現(xiàn)遮罩層登錄對(duì)話框
用戶登錄是許多網(wǎng)站必備的功能。有一種方式就是不管在網(wǎng)站的哪個(gè)頁(yè)面，點(diǎn)擊登錄按鈕就會(huì)彈出一個(gè)遮罩層，顯示用戶登錄的對(duì)話框。本文將推薦一個(gè)帶二維碼的登錄彈出層，可拖動(dòng)、關(guān)閉，有需要的朋友可以參考一下。2016-12-12
下面小編就為大家?guī)?lái)一篇深入理解jQuery 事件處理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
jquery關(guān)于表格及表格列隱藏和顯示問(wèn)題探討
本文為大家詳細(xì)介紹下關(guān)于指定表格及指定列的隱藏或顯示、獲取表格的列數(shù)等等表格相關(guān)的使用技巧，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
本文以展開(kāi)圖片和收縮圖片為例為大家介紹下Jquery事件的連接的使用方法，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
Tab頁(yè)界面 用jQuery及Ajax技術(shù)實(shí)現(xiàn)(php后臺(tái))
到了B/S開(kāi)發(fā)時(shí)代，網(wǎng)頁(yè)前端布局也把Tab頁(yè)的布局形式吸收了過(guò)來(lái)。特別是和Ajax技術(shù)結(jié)合起來(lái)，可以更充分發(fā)揮Tab頁(yè)的良好表現(xiàn)力和數(shù)據(jù)緩存的優(yōu)勢(shì)，是一種良好的網(wǎng)頁(yè)布局形式2011-10-10
JQuery DIV 動(dòng)態(tài)隱藏和顯示的方法
這篇文章主要介紹了JQuery DIV 動(dòng)態(tài)隱藏和顯示的方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家介紹了一款非常棒的jQuery圖片輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-04-04
jQuery prototype沖突的2種解決方法(附demo示例下載)
這篇文章主要介紹了jQuery prototype沖突的2種解決方法,分析了針對(duì)jQuery中添加代碼與沖突位置添加代碼2種情況,并附帶demo示例供讀者下載參考,需要的朋友可以參考下2016-01-01
EasyUI折疊表格層次顯示detailview詳解及實(shí)例
這篇文章主要介紹了EasyUI折疊表格層次顯示detailview詳解及實(shí)例,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2016-12-12