jquery選擇器排除某個(gè)DOM元素的方法（實(shí)例演示）

更新時(shí)間：2014年04月25日 09:41:02 作者：

這篇文章主要介紹了jquery選擇器排除某個(gè)DOM元素的方法,也就是在選中的一些元素中,過(guò)濾一些不需要的,使用jquery not選擇器實(shí)現(xiàn),需要的朋友可以參考下

jquery選擇器眾多，使用選取某個(gè)DOM的方法有很多種，如何在選取的某個(gè)元素集上面做一些排除呢？下面通過(guò)幾個(gè)實(shí)例說(shuō)明：

1.選擇所有的img元素，排除class=phpernote的元素的個(gè)數(shù)：

$('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length();

2.獲取id=phpernote下面所有沒(méi)有class=com的li元素的個(gè)數(shù)

$('#phpernote li:not(.com)').size();//或者$('#phpernote li').not('.com').length();

3.設(shè)置id=phpernote下面所有奇數(shù)行的li元素的背景

復(fù)制代碼代碼如下:

$('#phpernote li').not(':even').css('background-color', 'red');

附實(shí)例：jQuery中排除指定元素，同時(shí)選擇剩下的所有元素

場(chǎng)景：某頁(yè)面用了js延時(shí)加載技術(shù)處理所有圖片，以改善用戶(hù)體驗(yàn)，但是有幾個(gè)圖片不想延時(shí)加載，要求把它們單獨(dú)挑出來(lái)。
研究了一下jQuery的API文檔，搞掂了，jQuery真的很方便，貼在這里備份：

復(fù)制代碼代碼如下:

<!doctype html>
<html>
 <head>
  <title>菩提樹(shù)下的楊過(guò)</title>
  <script type="text/javascript" src="http://img.24city.com/js/jquery-1.4.3.min.js"></script>
  <script type="text/javascript">
   $().ready(function(){
    $("div:not([delay='false'])").css("color","#f00"); 
   })
  </script>
 </head>
 <body>
  <div>div 1</div>
  <div delay="false">div 2</div>
  <div>div 3</div>
 </body>
</html>

上面的代碼，將把有附加屬性"delay"，且等于"false"的div排除掉，然后把剩下的div全選中，并設(shè)置為紅色字體。

您可能感興趣的文章:

相關(guān)文章

JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法
本篇文章主要是對(duì)JqueryMobile動(dòng)態(tài)生成listView并實(shí)現(xiàn)刷新的兩種方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-03-03
jquery提取元素里的純文本不包含span等里的內(nèi)容
如何實(shí)現(xiàn)提取元素里的純文本，不包含span等里的內(nèi)容，這就是本文要為大家介紹的重點(diǎn)，你將學(xué)會(huì)使用jquery來(lái)實(shí)現(xiàn)
2013-09-09
jquery禁用右鍵單擊功能屏蔽F5刷新
這篇文章主要介紹了jquery禁用右鍵單擊功能屏蔽F5刷新的具體實(shí)現(xiàn),需要的朋友可以參考下
2014-03-03
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼
Jquery ajax傳遞復(fù)雜參數(shù)給WebService的實(shí)現(xiàn)代碼，需要的朋友可以參考下。主要是屬性比較多。
2011-08-08
基于jQuery實(shí)現(xiàn)仿搜狐辯論投票動(dòng)畫(huà)代碼(附源碼下載)
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)仿搜狐辯論投票動(dòng)畫(huà)代碼的相關(guān)資料,需要的朋友可以參考下
2016-02-02
Django中使用jquery的ajax進(jìn)行數(shù)據(jù)交互的實(shí)例代碼
這篇文章主要介紹了Django中使用jquery的ajax進(jìn)行數(shù)據(jù)交互的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下
2017-10-10
解決用jquery load加載頁(yè)面到div時(shí),不執(zhí)行頁(yè)面js的問(wèn)題
這篇文章主要介紹了解決用jquery load加載頁(yè)面到div時(shí),不執(zhí)行頁(yè)面js的問(wèn)題。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
簡(jiǎn)單實(shí)現(xiàn)jQuery多選框功能
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)jQuery多選框功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery插件jquery-barcode實(shí)現(xiàn)條碼打印的方法
這篇文章主要介紹了jQuery插件jquery-barcode實(shí)現(xiàn)條碼打印的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery插件jquery-barcode的功能及打印條碼的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
jQuery點(diǎn)擊出現(xiàn)愛(ài)心特效
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊出現(xiàn)愛(ài)心特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08