怎么使用find方法

发布时间：2020-07-13 16:10:46 阅读：161 作者：Leah 栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

今天就跟大家聊聊有关怎么使用find方法，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

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

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元素都被选中并用红色突出显示。

怎么使用find方法

看完上述内容，你们对怎么使用find方法有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

怎么使用find方法

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签