jQuery フィルター not() と filter() の例 code_jquery

最初の書き方:

コードをコピーします コードは次のとおりです:

$ (function(){
$("li").not(":even").css("color","re​​d");
$("li").filter (":odd" ).css("color","re​​d");

})

2 番目の書き方:

コードをコピー コードは次のとおりです:

$(function(){
$(" li").filter(function(index ) {
return Index%2 == 0;
}).css("color","re​​d");

$("li" ).not(function(index) {
return Index%2 !== 0;
}).css("color","re​​d")
})

これらの記述方法はどちらも使用できます。同じ効果を実現するには、not と filter は逆のフィルターです。

jQuery フィルター selector:not() メソッドの概要

jQuery(':not(selector)')
jQuery の以前のバージョンでは、:not() フィルターは単純なselector は、:not フィルターに渡すセレクターが、not(div a) および :not(div,a)

"a" >sdfsdfs< のように、任意に複雑にすることができることを意味します。 ;/p>

"b">sdfsdfs

"c">sdfsdfs

$ ("p :not(.a)").css({"color":"red"})
そうすると、クラスが a と等しい p 要素を除いて、他の P の文字色は赤になります。
:not() 擬似クラス フィルター セレクター この名前は非常に発音しにくいですが、jQuery の :not() メソッドは、不要な要素を除外し、正しい結果を除外することができます。次のコード:

$("selector1:not(selector2)")
上記のコードを分析してみましょう。selector1 の要素を取得したいのですが、おそらくそれらはすべて必要ではありません。 selector1 のコレクションに #1、#2、#3、#4 がある場合、フィルターに not() メソッドを渡します。
上記のコードを使用すると、最終的に selector2 は #4 を除外します。 get #1, #2, #3
さらにいくつかの例

$('li:not(:only-child)')//
$('li what を除くすべての li に一致します子要素が 1 つだけあります :not(:first-child)');// LI と一致します
$("li :not(:first)").hide();// 最初の LI を除くすべての LI を非表示にします