在前端開發中,JQuery是一個非常重要的javascript庫,其主要用途是方便開發人員對DOM進行操作和查詢。其中常用的功能是選擇器,通過選擇器可以快速的定位到某一個元素,然后進行相應的操作。本文將對JQuery選擇器的除外進行介紹。
// 除外選擇器 $('div:not(".test")') // 選取 class 為 test 以外的 div 元素 $('div:even') // 選取所有偶數位置的 div 元素,從0開始計數 $('div:odd') // 選取所有奇數位置的 div 元素,從0開始計數 $('div:eq(1)') // 選取索引為1的 div 元素,從0開始計數 $('div:gt(1)') // 選取索引大于1的 div 元素,從0開始計數 $('div:lt(1)') // 選取索引小于1的 div 元素,從0開始計數
除外選擇器是一種特殊的選擇器,用于選取不符合某些特定條件的元素。其中最常見的是:not選擇器,它可以用來選取屬性、class或id不符合特定條件的元素。在絕大部分情況下,:not選擇器都有替代品,因此在需要使用該選擇器的時候要額外小心,以免影響整個頁面的性能和響應速度。
另外,偶數位置選擇器:even選擇器和奇數位置選擇器:odd選擇器也是比較常用的。它們可以方便的選取數組中的偶數位或奇數位元素。
而:eq、:gt和:lt這三種選擇器則是針對數組等集合類型的元素,可以選擇特定位置的元素。需要注意的是,這三種選擇器的計數都是從0開始的,因此選取第二個元素需要使用:eq(1),而不是:eq(2)。