jQuery 基礎チュートリアル

jQuery 効果

filter()メソッドは、特定の条件に一致する要素を返します。

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

filter()メソッドとnot()逆のメソッド。

特定の条件に一致する要素を取得します：

$(selector).filter(criteria)

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

$(selector).filter(function(index))

クラス名が「demo」のパラグラフをすべて返します：

例

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

すべての偶数項を返します：

例

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

すべてのdivの色を変更し、"middle"クラスを持つユーザーにボーダースタイルを追加します：

例

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

要素をフィルタリングする関数を使用して：

例

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

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