jQuery遍历 - 过滤

jQuery中最基础的过滤方法如下所示：

• first()
• last()
• eq()
• filter()
• not()

jQuery first()方法

first()方法返回被选择元素中的第1个元素。

$(document).ready(function(){
    $("div").first().css("background-color", "Tomato");
});

运行一下

jQuery last()方法

last()方法返回被选择元素中的最后1个元素。

$(document).ready(function(){
    $("div").last().css("background-color", "Tomato");
});

运行一下

jQuery eq()方法

eq()方法返回被选择元素中指定索引的那个元素；被选择元素的索引从0开始，依次递推；因此被选择元素中的第1个元素的索引不是1，而是0。

$(document).ready(function(){
    $("div").eq(1).css("background-color", "Tomato");
});

运行一下

jQuery filter()方法

filter()方法需要传入一个参数作为筛选条件，被选择元素中不符合此筛选条件的会被移除，只留下符合此筛选条件的被选择元素。（筛选条件的语法类似CSS选择器的语法）

如下例所示，返回所有class类名为fan-qing-fu-ming的p元素：

$(document).ready(function(){
    $("p").filter(".fan-qing-fu-ming").css("background-color", "Tomato");
});

运行一下

jQuery not()方法

not()方法恰好相反，返回被选择元素中所有不符合筛选条件的元素。

$(document).ready(function(){
    $("p").not(".fan-qing-fu-ming").css("background-color", "Tomato");
});

运行一下