jQuery 遍历

在 jQuery 中，遍历是一种非常常见的操作，它允许我们在 DOM 结构中查找特定元素，并对它们进行操作。jQuery 提供了一系列方法来实现遍历操作，让我们可以轻松地对页面上的元素进行操作。

基本遍历方法

each()

each() 方法是 jQuery 中最常用的遍历方法之一。它可以遍历匹配的元素集合，并对每个元素执行指定的函数。下面是一个简单的示例：

$("li").each(function(index) {
  console.log(index + ": " + $(this).text());
});

在这个例子中，我们选中了所有的 <li> 元素，并使用 each() 方法遍历每个 <li> 元素，然后输出每个元素的文本内容和索引值。

children()

children() 方法用于获取匹配元素集合中每个元素的子元素。例如：

$("ul").children().css("color", "red");

这段代码会选中所有 <ul> 元素的直接子元素，并将它们的文字颜色设置为红色。

过滤方法

filter()

filter() 方法用于筛选出匹配元素集合中符合指定条件的元素。例如，我们可以使用 filter() 方法来选中所有带有 active 类的元素：

$("div").filter(".active").css("background-color", "yellow");

这段代码会选中所有带有 active 类的 <div> 元素，并将它们的背景颜色设置为黄色。

not()

not() 方法与 filter() 方法相反，它用于筛选出匹配元素集合中不符合指定条件的元素。例如，我们可以使用 not() 方法来排除所有带有 hidden 类的元素：

$("div").not(".hidden").show();

这段代码会选中所有不带有 hidden 类的 <div> 元素，并将它们显示出来。

以上就是 jQuery 遍历相关方法的简单介绍，通过这些方法，我们可以轻松地操作页面上的元素，实现我们想要的效果。