jquery end()用法

声明：转载

定义和用法
end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。

实例

选择所有段落，找到这些段落中的 span 元素，然后将它们恢复为段落，并把段落设置为两像素的红色边框：

$("p").find("span").end().css("border", "2px red solid");

看到例子应该还会有人不太理解end()怎么用。
下面通过一个简单的例子说明一下end()的用法：

div{
	color:#fff;
	width:100px;
	height:30px;
	background:#333;
	text-align: center;
	line-height:30px;
}

<div id="box">
	<div class="box1">1</div>
	<div class="box2">2</div>
	<div class="box3">3</div>
</div>

$("#box").find("div").each(function (i) {
	if(i==1){
		$(this).siblings().hide().end().show();
	}
});

页面加载遍历#box下的所有div，找到角标为1的div的兄弟节点，并将其隐藏。然后使用end()方法结束了对p标签的引用，此时返回的对象是#box下角标为1的div，后面的show()是作用在box2上的。所以最后执行的结果是box1,box3隐藏，box2显示。

执行结果如下：