jQuery选择器中的end()和parent()方法的比较
2018-01-01 13:47
211 查看
jQuery选择器中的end()和parent()方法的比较
end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。
<ul id="box"> <li>1</li> <li>2</li> <ul> <ul> <li>3</li> <li>4</li> </ul>
$('#box').find('li').end().css('color','red');
//1,2变红,还原为$(‘#box’)状态
$('#box').find('li').parent().css('color','red');
//1,2变红,获取该li元素的父元素
$('#box').next('ul').css('background','red');
//3,4变红
$('#box').next('ul').end().css('background','red');
1,2变红,还原为$(‘#box’)状态
相关文章推荐
- jquery :eq选择器和eq()方法的用法与比较
- jQuery选择器和选取方法
- 解决自定义$(id)的方法与jquery选择器$冲突的问题
- 巧用jQuery选择器提高写表单效率的方法
- jquery中的end()方法
- JQuery中的id选择器含有特殊字符时,不能选中dom元素的解决方法
- jQuery过滤选择器:not()方法使用介绍
- 原生JS添加节点方法与jQuery添加节点方法的比较及总结
- jQuery选择器和选取方法
- 使用jQuery在对象中缓存选择器的简单方法
- jQuery遍历之parent()方法
- JQUERY 选择器 总结,比较全
- jquery .parents() .parent() .closet()方法
- 解决自定义$(id)的方法与jquery选择器冲突的问题
- jquery选择器排除某个DOM元素的方法(实例演示)
- jquery选择器原理介绍($()使用方法)
- jquery选择器排除某个DOM元素的方法(实例演示)
- JQuery中上下文选择器实现方法
- jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
- jQuery过滤选择器:not()方法使用介绍