怎么使用find方法
今天就跟大家聊聊有关怎么使用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方法有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。