星空网 > 软件开发 > Java

jQuery的parent()和parents()方法的用法和区别

parent()和parents()方法的用法和区别:
这两个方法的作用有点类似,都可以取得父级元素,但是并非完全相同,下面结合实例简单介绍一下它们的区别。
先从概念入手:
1.parent()方法可以取得匹配元素的第一级父元素的集合,也就是说它获得并非匹配元素的所有祖先元素,而仅仅是父元素。
2.parents()方法可以取得匹配元素的所有祖先元素(不包含根元素),而不仅仅是第一级父元素。
下面看一段代码实例:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">div{ width:150px; height:150px; margin:0px auto; background-color:green;}p{ width:100px; height:100px; margin:0px auto; background-color:red;}</style><script type="text/javascript" src='/images/loading.gif' data-original="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript">$(document).ready(function(){ $("#bt1").click(function(){ $("span").parent().css("backgroundColor","blue"); }) $("#bt2").click(function(){ $("span").parents().css("backgroundColor","yellow"); })})</script></head><body><div> <p> <span>蚂蚁部落</span> </p></div><button id="bt1">parent方法</button><button id="bt2">parents方法</button></body></html>

点击相应的按钮即可查看parent()函数和parents()函数的不同的效果。

原文地址:http://www.51texiao.cn/jqueryjiaocheng/2015/0427/241.html




原标题:jQuery的parent()和parents()方法的用法和区别

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

国通跨境:https://www.ikjzd.com/w/4333
新加坡知识产权局(IPOS):https://www.ikjzd.com/w/4334
vanonbatteries:https://www.ikjzd.com/w/4335
SellerWell:https://www.ikjzd.com/w/4336
iiGears:https://www.ikjzd.com/w/4337
targus:https://www.ikjzd.com/w/4338
从园岭新村到大梅沙海滨总站坐什么车:https://www.vstour.cn/a/363191.html
七月份适合去日本旅游吗 7月份去日本哪里好玩:https://www.vstour.cn/a/363192.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流