jQuery选择器中的end()和parent()方法的比较

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’)状态

发布了16 篇原创文章 · 获赞 7 · 访问量 2万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 创作都市 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览