jQuery filter() 方法

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对象或一个或多个从一组选定元素中返回的元素。要指定多个条件，请使用逗号
function(index)	指定用于测试集合中每个元素的函数 index-返回元素在集合中的索引位置