1. 程式人生 > >[JS][jQuery]remove()與 empty()的區別

[JS][jQuery]remove()與 empty()的區別

要用到移除指定元素的時候,發現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