jQuery 遍历

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

基本遍历方法

each()

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

---------------------------- -
  ----------------- - -- - - ----------------
---

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

children()

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

------------------------------- -------

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

过滤方法

filter()

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

-------------------------------------------------- ----------

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

not()

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

-------------------------------

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

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


上一篇:jQuery 尺寸
下一篇:jQuery 祖先