首頁  >  文章  >  web前端  >  jquery選擇器排除某個DOM元素的方法(實例示範)_jquery

jquery選擇器排除某個DOM元素的方法(實例示範)_jquery

WBOY
WBOY原創
2016-05-16 16:51:141322瀏覽

jquery選擇器眾多,使用選取某個DOM的方法有很多種,如何在選取的某個元素集上面做一些排除呢?下面透過幾個實例說明:

1.選擇所有的img元素,排除class=phpernote的元素的個數:

複製程式碼 程式碼如下:
$('img:not(.phpernote)').length();//或$('img').not('.phpernote').length();

2.取得id=phpernote下面所有沒有class=com的li元素的個數
複製程式碼程式碼如下:

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

3.設定id=phpernote下面所有奇數行的li元素的背景
複製程式碼 程式碼如下:
$('#phpernote li').not(':even').css('background-color', 'red');

附實例:jQuery中排除指定元素,同時選擇剩下的所有元素

場景:某頁面用了js延時加載技術處理所有圖片,以改善用戶體驗,但是有幾個圖片不想延時加載,要求把它們單獨挑出來。
研究了一下jQuery的API文檔,搞掂了,jQuery真的很方便,貼在這裡備份:

複製程式碼


代碼如下:



 
  菩提樹下的楊過
  菩提樹下的楊過
  
  
 
 
  
div 1

  
div 2
  
div 2  
div 3
 上面的程式碼,將附附加屬性"delay",且等於"false"的div排除掉,然後把剩下的div全選中,並設定為紅色字體。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn