怎么使用jquery中end

本篇內(nèi)容主要講解“怎么使用jquery中end”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么使用jquery中end”吧!

jquery中end的作用是結(jié)束當(dāng)前鏈條中的最近的篩選操作，并將匹配元素集還原為之前的狀態(tài)，其使用語(yǔ)法是“.end()”。

本文操作環(huán)境：windows7系統(tǒng)、jquery3.2.1版、DELL G3電腦

jquery中end用法是什么？

jquery end() 方法結(jié)束當(dāng)前鏈條中的最近的篩選操作，并將匹配元素集還原為之前的狀態(tài)。

語(yǔ)法

.end()

詳細(xì)說(shuō)明

大多數(shù) jQuery 的遍歷方法會(huì)操作一個(gè) jQuery 對(duì)象實(shí)例，并生成一個(gè)匹配不同 DOM 元素集的新對(duì)象。當(dāng)發(fā)生這種情況時(shí)，應(yīng)該會(huì)把新的元素集推入維持在對(duì)象中的堆棧內(nèi)。每次成功的篩選方法調(diào)用都會(huì)把新元素推入堆棧中。如果我們需要老的元素集，可以使用 end() 從堆棧中彈出新集合。

假設(shè)頁(yè)面中有一對(duì)很短的列表：

<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>

例子

主要是在利用 jQuery 的鏈條屬性（命令鏈）時(shí)，jQuery 會(huì)比較有用。如果不使用命令鏈，我們一般是通過(guò)變量名來(lái)調(diào)用之前的對(duì)象，這樣我們就不需要操作堆棧了。不過(guò)通過(guò) end()，我們可以把所有方法調(diào)用串聯(lián)在一起：

$('ul.first').find('.foo').css('background-color', 'red')
  .end().find('.bar').css('background-color', 'green');

這條命令鏈檢索第一個(gè)列表中類名為 foo 的項(xiàng)目，并把它們的背景設(shè)置為紅色。end() 會(huì)將對(duì)象還原為調(diào)用 find() 之前的狀態(tài)，所以第二個(gè) find() 查找的是 <ul class="first"> 內(nèi)的 '.bar' ，而不是在列表的 <li class="foo"> 中查找，并將匹配元素的背景設(shè)置為綠色。最后的結(jié)果是第一個(gè)列表中的項(xiàng)目 1 和項(xiàng)目 3 被設(shè)置了帶顏色的背景，而第二個(gè)列表中的項(xiàng)目沒(méi)有任何變化。

到此，相信大家對(duì)“怎么使用jquery中end”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！