肉渣教程

jQuery 过滤

上一节 下一节

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");
});

运行一下


jQuery 过滤

上一节 下一节