jQuery find()方法

介绍

jQuery的find()方法用于在当前选择的元素内部查找匹配选择器的子元素。该方法可以帮助程序员在DOM中指定的元素范围内定位和操作符合特定条件的子元素。find()方法返回一个包含所有匹配元素的新的jQuery对象。

语法

$(selector).find(childSelector)

• selector：要查找的父元素选择器。
• childSelector：要查找的子元素选择器。

示例

假设我们有以下的HTML结构：

<div id="parent">
  <ul>
    <li>Apple</li>
    <li>Banana</li>
    <li>Orange</li>
  </ul>
</div>

我们可以使用find()方法在div元素内部查找li元素：

var $parent = $("#parent");
var $items = $parent.find("li");

console.log($items);

输出：

[li, li, li]

高级用法

find()方法可以接受多个选择器作为参数，并返回满足其中任意一个选择器的子元素。

var $parent = $("#parent");
var $items = $parent.find("li, span");

console.log($items);

输出：

[li, li, li]

注意事项

• find()方法只会在当前的选择元素的子元素中进行查找，它不会查找更深层次的孙子元素或其他级别的元素。
• 如果找不到匹配的子元素，find()方法将返回一个空的jQuery对象。
• find()方法可以与其他jQuery选择器或过滤方法一起使用，以实现更精确的元素查找。

更多关于find()方法的信息可以查看jQuery官方文档。