find方法怎么使用

来源：动视网责编：小采时间：2020-11-27 19:27:41

find方法怎么使用

find方法怎么使用:find()是jquery中的一个内置方法，用于查找所选元素的所有后代元素。它将一直向下遍历到DOM树中所选元素的最后一个叶子，下面我们就来看看find()的具体使用方法。find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。f

推荐度：

点击下载本文 文档为doc格式

导读find方法怎么使用:find()是jquery中的一个内置方法，用于查找所选元素的所有后代元素。它将一直向下遍历到DOM树中所选元素的最后一个叶子，下面我们就来看看find()的具体使用方法。find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。f

find()是jquery中的一个内置方法，用于查找所选元素的所有后代元素。它将一直向下遍历到DOM树中所选元素的最后一个叶子，下面我们就来看看find()的具体使用方法。

JavaScript

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

find()的基本语法如下

$(selector).find()

selector：可以使用CSS选择器语法编写。

我们来看具体的示例

代码如下

<!DOCTYPE html>
<html>
 <head>
 <title>The jQuery Example</title>
 <script type = "text/javascript" 
 src="https://code.jquery.com/jquery-3.3.1.min.js">
 </script>
 
 <script type = "text/javascript" language = "javascript">
 $(document).ready(function() {
 $("p").find("span").addClass("selected");
 });
 </script>
 
 <style>
 .selected { color:red; }
 </style>
 </head>
 
 <body>
 <div>
 <p><span>Hello</span>, 你好吗？</p>
 <p>yes, 我<span>很好</span>.</p>
 </div>
 </body>
</html>

浏览器上显示效果如下：p元素中的所有span元素都被选中并用红色突出显示。

JavaScript