024_堆栈元素
1. 大多數jQuery的遍歷方法會操作一個jQuery對象實例, 并生成一個匹配不同DOM元素集的新對象。當發生這種情況時, 應該會把新的元素集推入維持在對象中的堆棧內。每次成功的篩選方法調用都會把新元素推入堆棧中。
2. end()方法
2.1. end()方法結束當前鏈條中的最近的篩選操作, 并將匹配元素集還原為之前的狀態。
2.2. 語法
$(selector).end()2.3. 例子
2.3.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>end()方法</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){$('#btn1').click(function(){// 在第一個查找操作完成后, 沒有end操作, 第二次查找的結果不會放進堆棧中$('ul').find('.foo').css('background-color', 'red').find('.bar').css('background-color', 'green');});$('#btn2').click(function(){$('ul').find('.foo').css('background-color', 'red').end().find('.bar').css('background-color', 'green');});});</script></head><body> 列表1:<ul class="first"><li class="foo">list item 1</li><li>list item 2</li><li class="bar">list item 3</li></ul>列表2:<ul class="second"><li class="foo">list item 1</li><li>list item 2</li><li class="bar">list item 3</li></ul><button id="btn1">無end()方法</button> <button id="btn2">end()方法</button></body> </html>2.3.2. 效果圖
?
總結
