jQuery 基礎チュートリアル

jQuery 効果

not()メソッドは、指定条件に一致しない要素を返します。

not()メソッドは、選択条件に一致するすべての要素をフィルタリングし、一致しない要素が返されます。

not()メソッドとfilter()方法の逆です。

指定条件に一致しない要素を取得します：

$(selector).not(criteria)

関数を使用して要素を取得します：

$(selector).not(function(index))

最初のパラグラフ以外のすべてのパラグラフを返します：

例

$("document").ready(function(){
　　$("p").not(:first).css("background", "coral");
});

クラス名が“demo”のないすべてのパラグラフを返します：

例

$("document").ready(function(){
　　$("p").not(".demo").css("background", "coral");
});

すべてのリストアイテムを返します：

例

$("document").ready(function(){
　　$("li").not(:even).css("background", "coral");
});

すべてのdivの背景色を変更します；その後、"middle"クラス名を持たない要素に枠線色を追加します：

例

$("document").ready(function(){
　　$("div").css("background",　"#c8ebcc").not(".middle").css("border-color", "red");
});

要素をフィルタリングするための関数を使用します：

例

$("document").ready(function(){
　　$("div").not(function(i){　　
　　　　return　$(this).hasClass("middle");
　　}).css("background-color", "blue");
});

パラメータ	説明
criteria	選択子表現、jQueryオブジェクト、または選定された要素グループから返される1つまたは複数の要素を指定します。複数の条件を指定するには、カンマを使用します
function(index)	集合内の各要素に適用するための関数を指定します index - 要素の集合内のインデックス位置を返します