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()方法，我们可以从一个父元素中查找所有符合条件的子元素。