jquery中的remove方法 jQuery remove() 方法

jquery中的remove方法

jQuery的remove方法是用来删除被选元素（包括所有的子元素）的一个非常有用的方法。它可以从DOM中删除被选元素，并且可以把这些元素从内存中释放出来，从而减少内存占用。

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

remove() 方法可以接受一个参数，这个参数是一个布尔值，如果传递 true 则会保留被选元素的所有事件处理函数和 jQuery 数据。如果不传递参数或者传递 false 则不会保留事件处理函数和 jQuery 数据。

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

此外，remove() 方法也可以用来删除 DOM 中已存在的元素。例如：

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

上面代码将创建一个新的 DOM 元素并将它加入到文档中，然后使用 remove() 方法将它删除。还有一些特定情况下也可能使用 remove() 方法来创建新的 DOM 元素并添加到文档中。例如：

var newElement = $('<div>').attr('id', 'newElement').appendTo('body');  $('#newElement').remove(); 

jQuery remove() 方法

jQuery remove() 方法

jQuery HTML/CSS 方法

实例

移除所有的 <p> 元素：

$("button").click(function(){
$("p").remove();
});

---

定义和用法

remove() 方法移除被选元素，包括所有的文本和子节点。

该方法也会移除被选元素的数据和事件。

提示：如需移除元素，但保留数据和事件，请使用 detach() 方法代替。

提示：如只需从被选元素移除内容，请使用 empty() 方法。

---

语法

$(selector).remove()

---

更多实例

detach() 和 remove() 之间的不同
演示 detach() 和 remove() 方法之间的不同。

---

jQuery HTML/CSS 方法