在jQuery操作中,not函數是一種非常實用的篩選器,它可以排除匹配到的DOM元素。接下來我們來詳細了解jQuery not語法的用法和實例。
//常規寫法 $("selector:not(search_selector)"); //多條件寫法 $("selector").not(search_selector); //回調函數寫法 $("selector").not(function(index));
第一種常規寫法表示選取所有不包括search_selector的元素;第二種多條件寫法可以接受一個函數作為參數,這個函數將針對每個匹配元素進行判定,返回值為true就排除;第三種回調函數寫法中,not函數將被遍歷到的每個元素作為一個參數,并返回布爾值。
$(".fruit li").not(".color"); //排除class是color的li $(".fruit li").not($("#red_fruit li")); //排除id是red_fruit下的li $(".fruit li").not(function(index) { return $(this).attr("data-fruit") === "lemon"; }); //排除data-fruit是lemon的li
在實際應用中,可以使用not函數結合其他篩選器和過濾器,以滿足更精確的選擇需求。
$(".fruit li:even").not(".color") //排除class是color的奇數行li $(".fruit li").not($(".fruit li:even")) //排除奇數行li
使用jQuery not語法可以方便地對DOM元素進行排除操作,從而實現更精準的選擇和操作。