jQuery find() 方法

jQuery 中的 find() 方法用于查找给定选择器的后代元素。后代元素可以是子元素、孙子元素等。它是 jQuery 中的一个内置方法。为了搜索后代元素，find() 方法会从选定的元素开始在 DOM 树中向下遍历。

我们可以使用 "*" 选择器来返回所有后代元素。要返回给定选择器的所有后代元素，您需要按如下方式编写。

这个 children() 方法的工作方式与 find() 方法类似。与 find() 方法不同，children() 方法只遍历 DOM 树中的一个层级，即它返回直接子元素。

使用 find() 方法的语法如下：

语法

此方法需要一个参数值，即 filter。此值可以是选择器表达式、元素或 jQuery 对象。它用于过滤后代元素的搜索。

让我们通过一些示例来理解 find() 方法。

示例 1

在此示例中，有两个 div 元素，以及两个 ul 元素、一个 h2 标题和一个段落元素。

在这里，我们正在查找 id="div1" 的 div 元素的 ul 后代。find() 方法将返回作为相应 div 元素后代的 ul 元素。它将继续搜索，直到找到指定的元素。

我们需要点击给定的按钮来获取 div 元素的 ul 后代。

如果我们使用 children() 方法，它将返回指定选择器的直接子元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

示例 2

在此示例中，我们正在返回给定选择器的多个后代。在这里，我们使用 逗号 分隔每个表达式来返回多个后代。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

Example3

在此示例中，我们正在查找 id="div1" 的 div 元素的所有后代。在这里，我们使用 "*" 选择器来返回所有后代元素。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -