jQuery rỗng() vs remove()

Question

Sự khác biệt giữa các phương pháp empty() và remove() trong jQuery là gì và khi nào chúng ta gọi bất kỳ phương pháp nào trong số này, các đối tượng được tạo sẽ bị hủy và bộ nhớ được giải phóng?

Answer 1

• empty() sẽ xóa tất cả nội dung của lựa chọn.
• remove() sẽ xóa lựa chọn và nội dung của nó.

xem xét:

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

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

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

Cả hai loại bỏ các đối tượng DOM và nên giải phóng bộ nhớ chúng chiếm, vâng.

Answer 2

Tài liệu giải thích rất rõ. Nó cũng chứa các ví dụ:

• .remove()
• .empty()

trước:

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

lệnh .remove():

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

sau:

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

---

trước:

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

.empty():

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

sau:

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

Theo như bộ nhớ là có liên quan, một khi một ele ment được loại bỏ khỏi DOM và không có thêm tham chiếu đến nó, bộ thu gom rác sẽ lấy lại bộ nhớ khi nó chạy.

Answer 3

$("body").empty() - nó loại bỏ các yếu tố HTML DOM bên trong thẻ nội dung -

khi bạn khai báo $("body").remove() - nó loại bỏ toàn bộ DOM HTML cùng với TAG cơ thể.