jquery選擇器排除某個(gè)DOM元素的方法(實(shí)例演示)
jquery選擇器眾多,使用選取某個(gè)DOM的方法有很多種,如何在選取的某個(gè)元素集上面做一些排除呢?下面通過(guò)幾個(gè)實(shí)例說(shuō)明:
1.選擇所有的img元素,排除class=phpernote的元素的個(gè)數(shù):
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元素的背景
附實(shí)例:jQuery中排除指定元素,同時(shí)選擇剩下的所有元素
場(chǎng)景:某頁(yè)面用了js延時(shí)加載技術(shù)處理所有圖片,以改善用戶(hù)體驗(yàn),但是有幾個(gè)圖片不想延時(shí)加載,要求把它們單獨(dú)挑出來(lái)。
研究了一下jQuery的API文檔,搞掂了,jQuery真的很方便,貼在這里備份:
<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)文章
jquery實(shí)現(xiàn)炫酷的疊加層自動(dòng)切換特效
這篇文章主要給大家分享的是一則jquery實(shí)現(xiàn)炫酷的疊加層自動(dòng)切換特效,效果非常棒,這里推薦給小伙伴們。2015-02-02
jQuery 獲取select選中值及清除選中狀態(tài)
這篇文章主要介紹了jQuery 獲取select選中值及清除選中狀態(tài)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12
jQuey將序列化對(duì)象在前臺(tái)顯示地實(shí)現(xiàn)代碼(方法總結(jié))
本文給大家分享jQuey將序列化對(duì)象在前臺(tái)顯示地的幾種方式,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友一起看看吧2016-12-12
JQuery優(yōu)缺點(diǎn)分析說(shuō)明
如果你還在猶豫是否要學(xué)習(xí)一個(gè)JavaScript框架,并困惑于選擇哪一個(gè)框架,那么我推薦你選擇jQuery。這并非說(shuō)其它框架不好,只是jQuery可能是最穩(wěn)妥和最具回報(bào)性的選擇。2010-06-06
$.format,jquery.format 使用說(shuō)明
$.format,jquery.format 使用說(shuō)明,需要的朋友可以參考下。2011-07-07
瀏覽器窗口大小變化時(shí)使用resize事件對(duì)框架不起作用的解決方法
有時(shí)候我們需要用resize事件調(diào)整瀏覽器窗口大小,但對(duì)框架卻不起作用,這里介紹下實(shí)現(xiàn)方法,需要的朋友可以參考下2014-05-05
jquery.cvtooltip.js 基于jquery的氣泡提示插件
顯示氣泡提示的前提是,一定會(huì)有一個(gè)被提示的對(duì)象,默認(rèn)的位置是根據(jù)body來(lái)計(jì)算的,這樣的壞處就是如果頁(yè)面內(nèi)容發(fā)生了變化,而氣泡的位置沒(méi)有改變,導(dǎo)致提示目的失敗。2010-11-11

