jQuery删除元素的三中方法的区别：detach()、remove()、empty()

detach()
移除被选元素，包括所有文本和子节点。
该方法会保留移除元素的副本，允许它们在以后被重新插入。（这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。detach() 会保留所有绑定的事件、附加的数据，这一点与 remove() 不同。）

remove()
移除被选元素，包括所有文本和子节点。
该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。
该方法也会移除被选元素的数据和事件。（但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。）
注意：这里被移除的数据和事件：只是jq动态绑定的事件和数据，元素本身具有的事件和数据不会丢失、依然可以恢复。（参考示例）

empty()
从被选元素移除所有内容，包括所有文本和子节点。
该方法不会移除被选元素本身，或它的属性。

总结：
如需移除元素，但保留数据和事件，请使用 detach() 方法代替。
如需移除元素及它的数据和事件，请使用 remove() 方法代替。
如只需从被选元素移除内容，请使用 empty() 方法。

示例代码：

 <div id="main"><div id="divTest11" style="background-color:red;width:300px;height:100px" onclick="divTest11();"><p onclick="pfind()">divTest11</p></div><br /><button onclick="detach()">detach</button>&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="find11()">匹配11</button><br /><div id="divTest22" style="background-color:green;width:300px;height:100px" onclick="divTest22();"><p onclick="pfind()">divTest22</p></div><br /><button onclick="remove()">remove</button>&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="find11()">匹配22</button><br /><div id="divTest33" style="background-color:grey;width:300px;height:100px" onclick="divTest33();"><p>divTest33</p></div><br /><button onclick="empty()">empty</button>&nbsp;&nbsp;&nbsp;&nbsp;<button onclick="find11()">匹配33</button><div>

    $(function() {// jq动态绑定的方法：remove()方法不会保留此方法$("p").click(function(){$(this).animate({fontSize:"+=1px"})});});var htmlText;function detach() {htmlText = $("#divTest11").detach();}function remove() {htmlText = $("#divTest22").remove();}function empty() {htmlText = $("#divTest33").empty();}function find11() {$("#main").prepend(htmlText);}// 此方法、p元素会一直存在。function pfind() {alert("pppp");}

可实例运行出结果、此处不再记载。

jQuery删除元素的三中方法的区别：detach()、remove()、empty()相关推荐

jQuery删除元素---remove()与empty()
jQuery删除元素-remove()与empty() remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素举例:remove() <script> ...
jQuery删除元素方法remove(),detach(),empty()
1.empty() 它是清空节点,但是那些节点的标签还在. 结果是:p里面的都被删除了,而不是只有 class为hello的p 2.remove() 从DOM中删除所有匹配的元素. 这个方法不会把匹 ...
JQuery删除元素
detach:从DOM中删除匹配的元素集.可以选择性的接受一个选择器表达式来过滤元素集中的元素.此方法返回与被删除元素关联的jQuery数据.eg:删除id为test的p元素可以写成$("p ...
C++ 笔记（23）— STL vector 类（实例化 vector、末尾插入、指定位置插入、数组方式访问元素、指针方式访问元素、删除元素、大小与容量区别）
1. vector 特点 vector 是一个模板类,提供了动态数组的通用功能,具有如下特点: 在数组末尾添加元素所需的时间是固定的,即在末尾插入元素的所需时间不随数组大小而异,在末尾删除元素也如此: ...
jQuery - 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...
jQuery 删除元素
通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty ...
jQuery学习--jQuery 删除元素
删除元素/内容 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. remove() 方法移除被选元素,包括所有的文本和子节点. 该方法也会移除被选元素 ...
jQuery删除元素或内容
删除元素/内容 remove():删除被选元素 empty():删除被选元素中子元素
jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...

jQuery删除元素的三中方法的区别：detach()、remove()、empty()

jQuery删除元素的三中方法的区别：detach()、remove()、empty()相关推荐

最新文章

热门文章