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