[JS][jQuery]remove()与 empty()的差别

Posted 2020-06-28 yxwkaifa

要用到移除指定元素的时候，发现empty()与remove([expr])都能够用来实现。可细致观察效果的话就能够发现。

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

remove([expr])则是把其从dom中删除，而不会保留其所占的位置。
例:
<p>Hello</p>
World
<p>welcome</p> 
运行$("p").empty()其结果是
<p></p>
World
<p></p> 

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