`find` 是 jQuery 中的一个非常有用的方法,它允许你在当前选定的元素集合中搜索匹配的元素,这个方法返回一个新的 jQuery 对象,其中包含所有匹配的元素,如果没有找到任何匹配的元素,它将返回一个空的 jQuery 对象。
`find` 方法的基本语法如下:
$(selector).find(selector)
第一个 `selector` 是你开始搜索的 jQuery 对象,而第二个 `selector` 是你要查找的元素的类型或类。
假设你有以下的 HTML 结构:
<div id="parent"> <p class="child">Hello</p> <p class="child">World</p> </div>
你可以使用 `find` 方法来找到所有的 `` 元素,这些元素是 `#parent` 元素的子元素:
$('#parent').find('p')
这将返回一个包含两个 `` 元素的 jQuery 对象。
你也可以使用更复杂的选择器,如果你想找到所有类名为 `child` 的 `` 元素,你可以这样做:
$('#parent').find('p.child')
这将只返回一个包含类名为 `child` 的 `` 元素的 jQuery 对象。
`find` 方法只会查找当前选定元素的直接子元素,如果你想查找所有后代元素(不仅仅是直接子元素),你应该使用 `find` 方法的变体 `findAll`,或者简单地使用空格分隔的选择器,如 `$('#parent p.child')`。