jQuery 删除元素学习笔记

jQuery 提供了多种方法来删除 HTML 元素。本文将介绍其中常用的两种方法。

方法一：remove()

remove() 方法会删除被选元素及其子元素。语法如下：

javascriptCopy Code
$(selector).remove();

其中，selector 为要删除的元素的CSS选择器。

例如，删除页面中 id 为 myDiv 的元素及其所有子元素，可以使用以下代码：

javascriptCopy Code
$("#myDiv").remove();

方法二：empty()

empty() 方法会删除被选元素的所有子元素，但不会删除被选元素本身。语法如下：

javascriptCopy Code
$(selector).empty();

例如，删除页面中 id 为 myDiv 的元素的所有子元素，可以使用以下代码：

javascriptCopy Code
$("#myDiv").empty();

需要注意的是，remove() 方法和 empty() 方法都会删除子元素中绑定的事件处理程序和数据。因此，在删除元素之前，应该先解绑所有事件和清除数据。

以上就是 jQuery 删除元素的常用方法。