本文主要为大家详细介绍了jquery选择器之子元素过滤选择器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
Untitled Document p, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left; font-size: 17px; font-family: Verdana; } p.mini { width: 55px; height: 55px; background-color: #aaa; font-size: 12px; } p.hide { display: none; } $(document).ready(function(){ $("#btn1").click(function(){ //选取子元素, 需要在选择器前添加一个空格. $("p.one :nth-child(2)").css("background", "#ffbbaa"); }); $("#btn2").click(function(){ $("p.one :first-child").css("background", "#ffbbaa"); }); $("#btn3").click(function(){ $("p.one :last-child").css("background", "#ffbbaa"); }); $("#btn4").click(function(){ $("p.one :only-child").css("background", "#ffbbaa"); }); });
id 为 one,class 为 one 的p
class为mini
id为two,class为one,title为test的p
class为mini,title为other
class为mini,title为test
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini
class为mini,title为tesst
style的display为"none"的p
class为"hide"的p
包含input的type为"hidden"的p
正在执行动画的p元素.
登录后复制
相关推荐：
jQuery子元素过滤选择器详解
以上就是jQuery子元素过滤选择器如何使用的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2788047.html
