Select remove() 方法

语法

remove() 方法的语法非常简单，只需要调用选定的元素后跟上 remove() 即可。

$(selector).remove();

参数

remove() 方法不接受任何参数。

功能

remove() 方法用于删除选定的元素，包括元素本身及其所有子元素。它会彻底从 DOM 中移除元素，而不仅仅是隐藏或者清空元素的内容。

示例

假设我们有一个 HTML 结构如下：

// www.javascriptcn.com code example
<div id="parent">
  <p>这是父元素</p>
  <div class="child">
    <p>这是子元素1</p>
  </div>
  <div class="child">
    <p>这是子元素2</p>
  </div>
</div>

现在，我们想要删除其中的子元素2，可以使用以下 jQuery 代码：

$(".child").eq(1).remove();

上述代码中，我们首先选中所有类名为 .child 的元素，然后使用 eq(1) 方法选中第二个子元素（索引从 0 开始），最后调用 remove() 方法删除该元素。

注意事项

• 使用 remove() 方法会彻底删除元素及其子元素，因此请谨慎使用，确保不会误删其他重要元素。
• 如果只是想隐藏元素而不是删除，可以考虑使用 hide() 方法。

结语

通过本文的介绍，相信你已经掌握了 remove() 方法的基本用法和注意事项。在实际开发中，灵活运用 remove() 方法可以更高效地操作 DOM 元素，提升用户体验。希望本文对你有所帮助，谢谢阅读！