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