end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。
看样子好像是找到最后一次操作的元素的上一元素，在如下的例子中：
html代码：
| 代码如下 | 复制代码 |
|
<div>测试内容1</div> <div>测试内容2</div> |
|
jQuery代码：
| 代码如下 | 复制代码 |
|
$('<p>新增内容</p>').appendTo('div').addClass('c1').end().addClass('c2'); |
|
得到的结果是：
| 代码如下 | 复制代码 |
|
<div>测试内容1 <p class="c1 c2">新增内容</p></div> <div>测试内容2 <p class="c1">新增内容</p></div> |
|
当选取某个元素，查找选取其子元素，然后再回过来选取这个元素的时候一般都需要使用到jquery的end()方法。。
对于end()方法，jQuery文档是这样解释的：jQuery回到最近的一个"破坏性"操作 之前。即: 将匹配的元素列表变为前一次的状态。
但给的例子并不是很明显，相信不少人并没有理解它的用法。下边我们以一个非常简单的例子来说明下用法，html代码如下：
| 代码如下 | 复制代码 |
|
<div id="test"> <h1>jQuery end()方法</h1> <p>讲解jQuery中end()方法。</p> </div> JS代码： |
|
点击id为test的div时，首先找到div里边的p标签，将其隐藏。接下来使用end()方法结束了对p标签的引用，此时返回的是#test(jQuery对象)，从而后边的hide()方法隐藏了div。这样相信大家已经理解了jQuery中end()方法。
时间： 2024-10-28 05:25:28