jquery中end用法是什麼

jquery中end的作用是結束目前鏈條中的最近的篩選操作，並將匹配元素集還原為先前的狀態，其使用語法是「.end()」。

本文操作環境：windows7系統、jquery3.2.1版、DELL G3電腦

jquery中end用法是什麼？

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

範例 

主要是利用 jQuery 的鏈條屬性（指令鏈）時，jQuery 會比較有用。如果不使用命令鏈，我們一般是透過變數名稱來呼叫之前的對象，這樣我們就不需要操作堆疊了。不過透過 end()，我們可以把所有方法呼叫串聯在一起：

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

這條命令鏈檢索第一個列表中類別名為 foo 的項目，並將它們的背景設為紅色。 end() 會將物件還原為呼叫find() 之前的狀態，所以第二個find() 尋找的是dca0a85f515854913184fc9b15104a03 內的'.bar' ，而不是在列表的b50f8e6810c31b4d543db918bcbc30a7 中查找，並將匹配元素的背景設為綠色。最後的結果是第一個清單中的項目 1 和項目 3 被設定了有顏色的背景，而第二個清單中的項目沒有任何變化。

推薦學習：《jquery影片教學》

以上是jquery中end用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！