标签：
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="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()方法的用法和区别
标签：
原文地址：http://www.cnblogs.com/nulifendou/p/4630709.html
