jquery .parents()和.parent() 方法
来源:互联网 发布:软件创新之路 编辑:程序博客网 时间:2024/06/06 00:58
parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点
parent()、parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法。通过本篇内容,大家将会在以后使用.parent()、parents()和closest()时不会显得无从下手。
我们直接看例子来来说明一下这三个方法的使用区别:
<ul id="menu" style="width:100px;"> <li> <ul> <li> <a href="#">Home</a> </li> </ul> </li> <li>End</li> </ul>
接下来,分别看看这三个方法:
//点击Home时 $("#menu a").click(function() { $(this).parent("ul").css("background", "yellow"); //0 $(this).parent("li").parent("ul").css("background", "yellow"); //1 $(this).parents("ul").css("background", "yellow"); //2 $(this).closest("ul").css("background", "yellow"); //3 return false; });
1.parent()方法从指定类型的直接父节点开始查找,在"0"中,<a>的直接父节点是<li>所以在这里找不到<ul>父节点。在"2"中先找到了<li>,接着找到<ul>,并将它的背景色设置为yellow。parent()返回一个节点。
2.parents()方法查找方式同parent()方法类似,不同的一点在于,当它找到第一的父节点时并没有停止查找,而是继续查找,最后返回多个父节点,如在"2"中,使得id为menu的ul整个背景色变成了yellow。
3.closest()方法查找时从包含自身的节点找起,它同parents()很类似,不同点就在于它只返回一个节点如在"3"中,实现的功能同1相同。但它使得代码量减小,同"2"相比又只返回单一的一个节点。可见,closest()方法在项目中的使用频率是比较大的。
0 0
- jquery .parents()和.parent() 方法
- jquery .parents(), .parent() 和 closest()方法
- jQuery 之 parent、parents 和 closest 方法
- jquery中的parent和parents方法
- jquery的parent和parents方法区别
- jquery .parents() .parent() .closet()方法
- jquery .parents() .parent() .closet()方法
- Jquery的parent和parents
- jQuery parents和parent区别
- 关于Jquery的parent和parents
- jquery parent和parents得区别
- Jquery的parent()和parents()的bug?
- 关于Jquery的parent和parents
- jquery parent和parents的区别分析
- jquery 返回上级 parent、parents和parentsUntil
- jquery中parent和parents的运用
- jQuery hover事件 parent和parents
- 关于Jquery的parent和parents
- Sqlite数据库操作的sql操作语句
- Android -- ImageLoader本地缓存
- Oracle使用connect by循环查询从某个时间到某个时间的时间
- install cocoapods
- C#连接数据库在控制台输出结果集(示例)
- jquery .parents()和.parent() 方法
- TCP Socket简单模拟多线程
- 学习c++函数
- Java学习笔记 —— 20
- 解决ORA-28002: 密码几天之后过期办法
- Android 布局学习之——LinearLayout的layout_weight属性
- uva 10361
- Android UI布局之TableLayout
- Mac和iOS开发资源汇总