在 jQuery 中，“过滤”是指从一个匹配集合中筛选出符合特定条件的元素，从而更精确地定位目标。常用的过滤方法有：

1. .filter() 方法

  • 功能：
    根据指定的选择器、函数或 jQuery 对象，从匹配集合中保留符合条件的元素。
  • 语法示例： // 保留所有 class 为 "active" 的 <li> 元素 $("li").filter(".active").css("background", "yellow");
  • 函数参数：
    也可以传入一个函数，函数参数为当前元素的索引和当前值，返回 true 表示保留该元素。 $("li").filter(function(index, element) { // 保留文本长度大于 10 的 <li> 元素 return $(element).text().length > 10; }).css("font-weight", "bold");

2. .not() 方法

  • 功能：
    返回一个新的 jQuery 对象，排除所有匹配给定选择器或条件的元素。
  • 示例： // 排除所有 class 为 "active" 的 <li> 元素 $("li").not(".active").css("opacity", 0.5);

3. .eq()、.first() 和 .last() 方法

  • .eq(index) 方法：
    返回匹配集合中指定索引（从 0 开始）的元素。 // 选择第三个 <li> 元素（索引为 2） $("li").eq(2).css("color", "red");
  • .first() 和 .last() 方法：
    分别返回集合中的第一个和最后一个元素。 $("li").first().css("border", "1px solid blue"); $("li").last().css("border", "1px solid green");