jquery end

jQuery end() 方法

end() 是 jQuery 中的一个方法，用于返回到上一个筛选操作的 jQuery 对象链。通常在链式操作中，end() 可以撤销最近的 DOM 遍历操作，恢复至前一个状态。

基本语法

$(selector).method1().method2().end().method3();

示例说明

假设有一个 HTML 结构：

<ul>
  <li>Item 1</li>
  <li class="highlight">Item 2</li>
  <li>Item 3</li>
</ul>

使用 end() 恢复链式操作：

$("ul")
  .find(".highlight") // 选中 class="highlight" 的 li
  .css("color", "red") // 设置其颜色为红色
  .end() // 返回到 ul 的选择状态
  .css("border", "1px solid blue"); // 为 ul 添加边框

常见用途

• 在链式操作中临时改变选择范围后恢复。
• 避免重复书写选择器，提高代码可读性。

注意事项

• end() 仅适用于 jQuery 的链式操作。
• 如果没有前一个筛选操作，end() 不会产生效果。

替代方案

如果不使用 end()，可能需要重新选择元素：

$("ul").find(".highlight").css("color", "red");
$("ul").css("border", "1px solid blue");

相比之下，end() 减少了重复代码，使逻辑更清晰。