PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

find方法怎么使用

不言
不言 原创
2019-02-12 10:26:26 4190浏览

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中文网的其他相关栏目教程!!!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。