• 技术文章 > js教程

    find方法怎么使用

    不言 不言 2019-02-12 10:26:26 原创 75
    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

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

    以上就是find方法怎么使用的详细内容,更多请关注php中文网其它相关文章!

    第五期线上培训班
    专题推荐: find
    上一篇:floor方法怎么使用 下一篇:jQuery中如何实现淡入淡出效果

    相关文章推荐

    • jQuery里filter()函数与find()函数用法分析_jquery • Jquery中find与each方法用法实例_jquery • jQuery中find()方法用法实例_jquery • Jquery中的层次选择器与find()的区别示例介绍_jquery

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网