JQuery删除元素

detach：从DOM中删除匹配的元素集。可以选择性的接受一个选择器表达式来过滤元素集中的元素。此方法返回与被删除元素关联的jQuery数据。eg：删除id为test的p元素可以写成$("p").detach("#test")或者$("p#test").detach()。

remove：从DOM中删除匹配的元素集。可以选择性的接受一个选择器表达式来过滤元素集中的元素。除了元素本身，元素的子元素与元素关联的所有绑定事件和jQuery数据都将被删除。eg：删除id为test的p元素可以写成$("p").remove("#test")或者$("p#test").remove()。

empty：从DOM中删除匹配的元素集的所有子节点以及包括元素集中元素的文本，因为根据DOM规范，元素中的任何文本字符串都被视为该元素的子节点。为了内存泄漏，JQuery在删除子元素之前先从子元素中删除数据和事件处理程序等结构。empty不接受任何参数。eg：删除p元素的所有子元素，$("p").empty()。

unwrap：与wrap相反，unwrap从DOM中删除匹配元素集的父元素，将匹配的元素保留在它们的位置。从JQuery3.0起，unwrap可以选择性的接受一个选择器表达式，用于过滤父元素，匹配的父元素将被删除。eg：删除父元素为div元素的p元素的父元素，$("p").unwrap("div")。

区别：

detach：保留了所有与被删除元素关联的jQuery数据，常用于需要将删除的元素重新插入DOM的场景。

remove：除了元素本身，与元素关联的所有绑定事件和jQuery数据都将被删除。

empty：删除元素的所有子元素及元素包含的文本，子元素的数据和事件处理程序等结构也会被删除。

unwrap：删除元素的父元素。

JQuery删除元素相关推荐

jQuery删除元素---remove()与empty()
jQuery删除元素-remove()与empty() remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素举例:remove() <script> ...
jQuery - 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...
jQuery 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...
jQuery学习--jQuery 删除元素
删除元素/内容 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. remove() 方法移除被选元素,包括所有的文本和子节点. 该方法也会移除被选元素 ...
jQuery删除元素或内容
删除元素/内容 remove():删除被选元素 empty():删除被选元素中子元素
jQuery删除元素的三中方法的区别：detach()、remove()、empty()
detach() 移除被选元素,包括所有文本和子节点. 该方法会保留移除元素的副本,允许它们在以后被重新插入.(这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素.d ...
jQuery删除元素方法remove(),detach(),empty()
1.empty() 它是清空节点,但是那些节点的标签还在. 结果是:p里面的都被删除了,而不是只有 class为hello的p 2.remove() 从DOM中删除所有匹配的元素. 这个方法不会把匹 ...
jquery 删除元素的onclick事件
网上很多的资料中有一种方法: obj.unbind("click", openFavorite);//取消绑定onclick事件,但有时好像不起作用. 后来发现一种方法: obj. ...
jQuery HTML 添加和删除元素
jQuery - 添加元素通过 jQuery,可以很容易地添加新元素/内容. 添加新的 HTML 内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() ...

JQuery删除元素

JQuery删除元素相关推荐

最新文章

热门文章