jquery之empty()与remove()区别

用到移除指定元素的时候，发现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中删除，而不会保留其所占的位置。