JQuery find()的用法是什么

JQuery的find()方法用于在当前元素的后代元素中查找匹配选择器的元素。它可以通过传递选择器作为参数来查找元素。

语法：

$(selector).find(filter)

参数：

selector: 用于选择要搜索的元素的选择器表达式。

filter（可选）：用于对找到的元素进行进一步筛选的选择器表达式。

返回值：

返回包含匹配的元素的JQuery对象。

示例：

HTML：

<div id="container"><h1>Title</h1><p class="content">Paragraph 1</p><p class="content">Paragraph 2</p><ul><li>Item 1</li><li>Item 2</li></ul></div>

JavaScript：

// 查找所有p元素var paragraphs = $("#container").find("p");console.log(paragraphs);// 查找.container下的所有子元素var children = $(".container").find("*");console.log(children);

输出：

// paragraphs:[<p class="content">Paragraph 1</p>,<p class="content">Paragraph 2</p>]// children:[<h1>Title</h1>,<p class="content">Paragraph 1</p>,<p class="content">Paragraph 2</p>,<ul><li>Item 1</li><li>Item 2</li></ul>,<li>Item 1</li>,<li>Item 2</li>]

在上面的示例中，通过使用find()方法，我们可以从一个父元素中查找所有符合条件的子元素。