jQuery的end() 方法

2024-04-26 12:22:17

定义和用法

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

语法

.end()

详细说明

大多数 jQuery 的遍历方法会操作一个 jQuery 对象实例，并生成一个匹配不同 DOM 元素集的新对象。当发生这种情况时，应该会把新的元素集推入维持在对象中的堆栈内。每次成功的筛选方法调用都会把新元素推入堆栈中。如果我们需要老的元素集，可以使用 end() 从堆栈中弹出新集合。

假设页面中有一对很短的列表：

<ul class="first">

   <li class="foo">list item 1</li>

   <li>list item 2</li>

   <li class="bar">list item 3</li>

</ul>

<ul class="second">

   <li class="foo">list item 1</li>

   <li>list item 2</li>

   <li class="bar">list item 3</li>

</ul>

例子 1

主要是在利用 jQuery 的链条属性（命令链）时，jQuery 会比较有用。如果不使用命令链，我们一般是通过变量名来调用之前的对象，这样我们就不需要操作堆栈了。不过通过 end()，我们可以把所有方法调用串联在一起：

$('ul.first').find('.foo').css('background-color', 'red')

  .end().find('.bar').css('background-color', 'green');

最新文章

热门文章