jquery删除元素

使用 jQuery 删除元素的方法

remove() 方法
remove() 方法会删除被选元素及其子元素，同时移除元素上的数据和事件。

$("#element").remove();

empty() 方法
empty() 方法仅删除被选元素的子元素，保留被选元素本身。

$("#element").empty();

detach() 方法
detach() 方法删除被选元素，但保留数据和事件，适用于后续重新插入 DOM 的情况。

$("#element").detach();

选择器删除多个元素
可以通过选择器删除多个匹配的元素。

$(".class-name").remove();

删除特定条件下的元素
结合过滤器删除符合条件的元素。

$("li").filter(function() {
  return $(this).text() === "Delete me";
}).remove();

注意事项

• remove() 和 detach() 的区别在于是否保留数据和事件。
• empty() 仅清空内容，不删除元素本身。
• 删除操作会立即生效，无法撤销。

根据需求选择合适的方法，确保操作符合预期效果。