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