jquery end方法使用说明,举个例子
时间: 2023-10-09 09:17:20 浏览: 143
在 jQuery 中,end() 方法用于结束当前链中的最近的筛选操作,并将当前链还原为上一个状态。它通常与其他方法链式调用一起使用。
例如,假设我们有以下 HTML 代码:
```html
<ul>
<li class="item">Item 1</li>
<li class="item">Item 2</li>
<li class="item">Item 3</li>
</ul>
```
我们可以使用 jQuery 的 find() 方法来查找所有的 li 元素,然后使用 filter() 方法来筛选出 class 为 "item" 的元素:
```javascript
$('ul').find('li').filter('.item');
```
这个代码会返回一个包含所有 class 为 "item" 的 li 元素的 jQuery 对象。现在,我们可以使用 end() 方法将当前链还原为上一个状态(也就是包含所有 li 元素的 jQuery 对象),然后使用 addClass() 方法给所有 li 元素添加一个新的类名:
```javascript
$('ul').find('li').filter('.item').end().addClass('new-class');
```
这个代码会先筛选出 class 为 "item" 的 li 元素,然后将当前链还原为包含所有 li 元素的 jQuery 对象,并给所有 li 元素添加一个新的类名 "new-class"。
总之,end() 方法可以让我们在链式调用 jQuery 方法时返回到之前的状态,方便我们进行多次筛选和操作。
阅读全文