日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

  
Item 1
  
Item 2
  
Item 3
  
Item 4

你可以使用 .end() 來(lái)實(shí)現(xiàn)這個(gè)需求：

$('li.item').css('color', 'blue'); // 將所有 li.item 的文字顏色設(shè)置為藍(lán)色
$('li.special').css('fontweight', 'bold').end().css('color', 'red'); // 將 li.special 的文字顏色設(shè)置為紅色，并將字體加粗

在上面的例子中，.end() 用來(lái)返回到 $('li.item') 這個(gè)集合，然后對(duì)其應(yīng)用 .css('color', 'red') 操作。

2. 與 .find() 結(jié)合使用

假設(shè)你有一段嵌套的元素結(jié)構(gòu)，你想對(duì)外部元素和內(nèi)部元素分別進(jìn)行操作。

  
This is a paragraph.
  

    
This is an inner paragraph.
  

你可以這樣使用 .end()：

$('.container').css('border', '1px solid black'). // 為 .container 添加邊框
  .find('.inner').css('background', 'lightgray').end() // 為 .inner 添加背景色，然后返回到 .container
  .find('p').css('color', 'green'); // 為所有的 p 標(biāo)簽設(shè)置文字顏色為綠色

在這個(gè)例子中，.end() 用來(lái)從 .find('.inner') 返回到 .container 集合，然后繼續(xù)查找

元素并設(shè)置樣式。

3. 與 .filter() 結(jié)合使用

如果你想基于某些條件過(guò)濾元素集合，并在過(guò)濾后的結(jié)果上執(zhí)行操作，然后再返回到原始集合進(jìn)行其他操作，可以使用 .end()。

  
Old Item
  
New Item
  
Another Old Item

$('li').filter(function() {
  return $(this).hasClass('old'); // 過(guò)濾出具有 .old 類的 li 元素
}).css('textdecoration', 'linethrough').end() // 為這些 li 元素添加刪除線
.not('.old').css('color', 'red'); // 為不是 .old 類的 li 元素設(shè)置文字顏色為紅色

在這個(gè)例子中，.end() 用來(lái)從過(guò)濾出的 .old 類元素返回到原始的 $('li') 集合，然后使用 .not('.old') 選擇剩余的 .new 類元素并設(shè)置樣式。

上文歸納

.end() 方法是jQuery中一個(gè)非常有用的工具，它允許你在復(fù)雜的DOM操作中靈活地控制選擇器的范圍，通過(guò)與 .find()、.filter() 等方法結(jié)合使用，你可以創(chuàng)建出強(qiáng)大的動(dòng)態(tài)效果和交互，記得在使用 .end() 時(shí)，要清楚地理解當(dāng)前的選擇器上下文，以確保你的代碼按預(yù)期工作。