首页 / JAVASCRIPT / find方法怎么使用

find方法怎么使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了find方法怎么使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含993字，纯文字阅读大概需要2分钟。

内容图文

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

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方法怎么使用 - 文章图片

本篇文章到这里就全部结束了，更多相关的精彩内容大家可以关注Gxl网的其他相关栏目教程！！！

以上就是find方法怎么使用的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的find方法怎么使用全部内容，希望文章能够帮你解决find方法怎么使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/283555.html

来源：【匿名】