jQuery 关于 end() 方法的详细解释
2016-03-14 22:50
761 查看
<ul class="first"> <li class="foo">list item 1</li> <li>list item 2</li> <li class="bar">list item 3</li> </ul> <ul class="second"> <li class="foo">list item 1</li> <li>list item 2</li> <li class="bar">list item 3</li> </ul> $('ul.first').find('.foo').css('background-color', 'red') .end().find('.bar').css('background-color', 'green');
回到最近的一个"破坏性"操作之前。
这条命令链检索第一个列表中类名为 foo 的项目,并把它们的背景设置为红色。end() 会将对象还原为调用 find() 之前的状态,所以第二个 find() 查找的是 <ul class="first"> 内的 '.bar' ,而不是在列表的 <li class="foo"> 中查找,并将匹配元素的背景设置为绿色。最后的结果是第一个列表中的项目 1 和项目 3 被设置了带颜色的背景,而第二个列表中的项目没有任何变化。
相关文章推荐
- 00.阅读JQUERY源码——简目录
- Jquery页面滚动
- jQuery 中 children() 与 find() 用法的区别
- Jquery动态绑定事件
- jQuery省市区三级联动插件
- jquerymobile动态添加元素之后
- Jquery validate配置项
- jQuery resize() 和 scroll() 的优化
- 【深入浅出jQuery】源码浅析--整体架构
- 汤姆大叔的博客 JS/jQuery
- jQuery1.9+中删除了live以后的替代方法
- jQuery插件开发
- jQuery选择器总结
- jquery中构造对象的核心
- jQuery 插件为什么要return this.each()
- JQuery:选择器、动画、AJAX请求
- jquery如何获取一个select里面的所有option的值
- jquery知识小结
- Jquery 之DOM文档操作(一)
- jQuery设置checkbox全选(区别jQuery版本)