jQuery 遍历学习笔记

1. 简介

jQuery 是一款流行的 JavaScript 库，它具有简化 DOM 操作的强大能力。本文档将介绍 jQuery 的遍历功能，这是一种常用的技术，可以快速准确地查找文档中的元素。

2. 基础语法

以下是 jQuery 遍历的基础语法：

javascriptCopy Code
$(selector).method()

其中，selector 表示需要查找的元素，method 表示执行的操作。

3. 实例

3.1 查找元素

使用 find() 方法可以查找元素：

javascriptCopy Code
$("ul").find("li")

上例表示查找所有 ul 元素下的 li 元素。

3.2 过滤元素

使用 filter() 方法可以过滤元素：

javascriptCopy Code
$("ul li").filter(".active")

上例表示在所有 ul 元素下的 li 元素中，筛选类名为 active 的元素。

3.3 遍历元素

使用 each() 方法可以遍历元素：

javascriptCopy Code
$("li").each(function() {
    console.log($(this).text());
})

上例表示遍历所有 li 元素，并输出其内容。

3.4 遍历父级元素

使用 parent() 方法可以遍历父级元素：

javascriptCopy Code
$("li").parent()

上例表示查找所有 li 元素的父级元素。

3.5 遍历子级元素

使用 children() 方法可以遍历子级元素：

javascriptCopy Code
$("ul").children("li")

上例表示查找所有 ul 元素下的直接子级 li 元素。

4. 总结

jQuery 的遍历功能是一种常用的技术，可以快速准确地查找文档中的元素。通过 find()、filter()、each()、parent() 和 children() 等方法，可以实现灵活多样的遍历操作。