JQuery的find()方法用于在当前元素的后代元素中查找匹配选择器的元素。它可以通过传递选择器作为参数来查找元素。
语法:
$(selector).find(filter)
参数:
-
selector: 用于选择要搜索的元素的选择器表达式。
-
filter(可选):用于对找到的元素进行进一步筛选的选择器表达式。
返回值:
- 返回包含匹配的元素的JQuery对象。
示例:
HTML:
Title
Paragraph 1
Paragraph 2
- Item 1
- Item 2
JavaScript:
// 查找所有p元素 var paragraphs = $("#container").find("p"); console.log(paragraphs); // 查找.container下的所有子元素 var children = $(".container").find("*"); console.log(children);
输出:
// paragraphs: [Paragraph 1
,Paragraph 2
] // children: [Title
,Paragraph 1
,Paragraph 2
,,
- Item 1
- Item 2
Item 1 ,Item 2 ]
在上面的示例中,通过使用find()方法,我们可以从一个父元素中查找所有符合条件的子元素。