这篇文章给大家分享的是有关jQuery中如何使用find()方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选,本篇文章就来给大家介绍jQuery中find()方法的具体使用方法。
find()的使用方法
在选择器之后调用find方法是很常见的。
$(“选择器1”).find(“选择器2”).(“处理方法”);
下面我们来看一下使用find()方法的具体示例
我们更改由span标签包围的元素颜色
代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $(function(){ $("p").find("span").css("color","red"); }); </script> </head> <body> <p>黑色<span>红色</span>黑色<span>红色</span></p> </body> </html>
首先,我们使用p标记包围元素,然后使用find方法指定span标记,并进一步缩小元素范围。
结果处理仅应用于p标记中的span标记内。
运行效果如下
感谢各位的阅读!关于jQuery中如何使用find()方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。