jquery選擇器排除某個DOM元素的方法（實例演示）
更新時間：2014年04月25日 09:41:02 作者：
這篇文章主要介紹了jquery選擇器排除某個DOM元素的方法,也就是在選中的一些元素中,過濾一些不需要的,使用jquery not選擇器實現(xiàn),需要的朋友可以參考下
jquery選擇器眾多，使用選取某個DOM的方法有很多種，如何在選取的某個元素集上面做一些排除呢？下面通過幾個實例說明：
1.選擇所有的img元素，排除class=phpernote的元素的個數(shù)：
復(fù)制代碼 代碼如下:
$('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length();
2.獲取id=phpernote下面所有沒有class=com的li元素的個數(shù)
復(fù)制代碼 代碼如下:
$('#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');
附實例：jQuery中排除指定元素，同時選擇剩下的所有元素
場景：某頁面用了js延時加載技術(shù)處理所有圖片，以改善用戶體驗，但是有幾個圖片不想延時加載，要求把它們單獨(dú)挑出來。
研究了一下jQuery的API文檔，搞掂了，jQuery真的很方便，貼在這里備份：
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<title>菩提樹下的楊過</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>
<html>
<head>
<title>菩提樹下的楊過</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)文章
這篇文章主要介紹了jQuery中bind()方法用法,實例分析了bind()方法的功能、定義及為匹配元素的特定事件綁定事件處理方法的技巧,需要的朋友可以參考下2015-01-01
jquery統(tǒng)計用戶選中的復(fù)選框的個數(shù)
使用選擇器得到所有被勾選的復(fù)選框元素的集合，然后通過判斷元素的個數(shù)來得到用戶勾選的個數(shù),需要的朋友可以參考下2014-06-06
jQuery 追加元素的方法如append、prepend、before
jQuery - 追加元素的方法有很多如append、prepend、before等等，下面為大家詳細(xì)介紹下2014-01-01
jQuery是一個兼容多瀏覽器的javascript框架，核心理念是write less,do more(寫得更少,做得更多)。如今，jQuery已經(jīng)成為最流行的javascript框架，在世界前10000個訪問最多的網(wǎng)站中，有超過55%在使用jQuery。那么作為一個前端設(shè)計師，怎么可能不來深入了解下jQuery呢，首先我們從他的總體構(gòu)架開始吧2014-06-06
這篇文章主要介紹了jqgrid實現(xiàn)簡單的單行編輯功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
jQuery判斷元素顯示或隱藏, is 函數(shù)，需要的朋友可以參考下。2011-04-04
jQuery實現(xiàn)仿Google首頁拖動效果的方法
這篇文章主要介紹了jQuery實現(xiàn)仿Google首頁拖動效果的方法,涉及jQuery操作鼠標(biāo)事件及div層的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
ui組件之input多選下拉實現(xiàn)方法（帶有搜索功能）
這篇文章主要介紹了ui組件之input多選下拉實現(xiàn)方法（帶有搜索功能）的相關(guān)資料,需要的朋友可以參考下2016-07-07
jquery實現(xiàn)的鼠標(biāo)下拉滾動置頂效果
鼠標(biāo)下拉滾動置頂效果想必大家在瀏覽網(wǎng)頁時都有遇到過，下面有個不錯的小例子，需要的朋友可以參考下2014-07-07
這篇文章主要介紹了30個經(jīng)典的jQuery代碼開發(fā)技巧,包含了常見屬性、方法、元素等的使用技巧,非常具有實用價值,需要的朋友可以參考下2014-12-12