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