jQuery empty（）vs remove（）

Question

jQuery中的empty()和remove()方法與我們調用這些方法中的任何一種方法有什麼區別，正在創建的對象將被銷燬並釋放內存？

Answer 1

• empty()將刪除選擇的所有內容。
• remove()將刪除選擇及其內容。

考慮：

<div> 
    <p><strong>foo</strong></p> 
</div> 

$('p').empty(); // --> "<div><p></p></div>" 

// whereas, 
$('p').remove(); // --> "<div></div>" 

他們都去掉DOM對象和應釋放它們佔用內存，是的。

Answer 2

該文檔很好地解釋了它。它還包含例子：

• .remove()
• .empty()

前：

<div class="container"> 
    <div class="hello">Hello</div> 
    <div class="goodbye">Goodbye</div> 
</div> 

一個.remove（）：

$('.hello').remove(); 

後：

<div class="container"> 
    <div class="goodbye">Goodbye</div> 
</div> 

---

之前：

<div class="container"> 
    <div class="hello">Hello</div> 
    <div class="goodbye">Goodbye</div> 
</div> 

.empty（）：

$('.hello').empty(); 

後：

<div class="container"> 
    <div class="hello"></div> 
    <div class="goodbye">Goodbye</div> 
</div> 

至於存儲器而言，一旦一個ELE ment從DOM中被移除，並且沒有更多的引用，垃圾收集器在運行時將回收內存。

Answer 3

$("body").empty() - 它是消除身體標記中的HTML DOM元素 -

在聲明 $("body").remove()

- 它刪除整個HTML DOM與身體一起TAG。