在 jQuery 中,not eq 表示不匹配選擇器中指定位置的元素。這個功能對于篩選元素非常有用,特別是在使用復雜選擇器時。下面我們來介紹一下 not eq 的基本用法。
$( "li" ).not( ":eq(2)" ).css( "background-color", "yellow" );
上面這段代碼的意思是,選擇所有 li 元素,但不選擇索引為 2 的元素。我們通過 not 方法傳入 :eq(2) 來定義排除規(guī)則。接著,我們使用 css 方法來修改背景色的屬性,這里我們將背景色設置為黃色。
$( "div" ).not( ".highlight, #special" );
上面這段代碼則是排除所有具有類名為 highlight 或 ID 為 special 的 div 元素。注意,我們使用逗號來分隔兩個不同的選擇器。
除了傳入單個選擇器,我們還可以使用回調(diào)函數(shù)來根據(jù)元素屬性或其它條件動態(tài)指定排除規(guī)則。下面是一個例子:
$( "li" ).not( function( index ) { return index % 3 === 2; });
上面這段代碼意思是排除所有滿足 index % 3 === 2 的 li 元素。回調(diào)函數(shù)中的 index 表示元素在集合中的索引。
總之,not eq 是一個非常實用的 jQuery 功能,我們可以通過它來有效地篩選元素,實現(xiàn)各種復雜的需求。