jquery之empty()与remove()区别

来源:互联网 发布:java分支语句例子 编辑:程序博客网 时间:2024/06/05 17:45

用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。

可仔细观察效果的话就可以发现。

1.empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。

2.remove([expr])则是把其从dom中删除,而不会保留其所占的位置。

例:<p>Hello</p>World<p>welcome</p> 

执行$("p").empty()其结果是<p></p>World<p></p>

执行$("p").remove()其结果是World

_________________________________________________________

1、JQuery empty方法      A、定义和用法            empty() 方法从被选元素移除所有内容,包括所有文本和子节点。     B、语法            $(selector).empty();2、JQuery  remove方法      A、定义和用法    remove() 方法移除被选元素,包括所有文本和子节点。  该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。  但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。     B、语法         $(selector).remove();3、区别  拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中所占的位置。       $("p").remove()则是把其从dom中删除,而不会保留其所占的位置。

0 0