温馨提示×

JQuery find()的用法是什么

小亿
84
2023-10-19 10:24:31
栏目: 编程语言

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

0