学习jquery中遇到了end()对它的用法很模糊,官网的定义也很抽象难懂,这里先说下官方的解释。
官方:end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。
这里如果还不明白我们可以用实例讲解:
CSS:
[code]div{
width: 100px;
height: 100px;
padding: 10px;
margin: 10px;
border: 1px solid black;
}[/code]
HTML:
[code]<div id=”container”>
<div id=”aDiv”>
<div class=”bDiv”>
<div id=”cDiv”></div>
</div>
<div class=”bDiv”></div>
</div>
</div>[/code]
jquery:
[code]$(function(){
$(‘#container’).find(‘#aDiv’).find(‘.bDiv’).find(‘:empty’).css(‘background’,’yellow’).parent().css(‘border’,’1px solid red’);
});[/code]
这里运行以上代码,查看效果之后在把parent()改成end()再次查看效果就明白了。
end()其实就是返回上一个对象的意思,就是选中.find(‘:empty’)时候的上一个对象既是find(‘.bDiv’)。