Trình lắng nghe sự kiện trong jQuery có bị xóa tự động khi bạn xóa phần tử bằng cách sử dụng .html() không?

Question

Trong jQuery nếu chúng ta sử dụng .remove() để loại bỏ một số phần tử, thì tất cả các sự kiện ràng buộc và dữ liệu jQuery được liên kết với các phần tử được loại bỏ.

Nhưng điều gì sẽ xảy ra nếu chúng tôi "xóa" các phần tử có .html()?

Chúng tôi có cần phải hủy liên kết tất cả các yếu tố trước khi thay đổi bất kỳ html nào để tránh rò rỉ bộ nhớ không?

Answer 1

Có, chúng sẽ bị xóa. jQuery sẽ dọn dẹp các sự kiện, vv liên quan đến các phần tử đã loại bỏ. Nó sẽ không sao chép các sự kiện nếu bạn làm điều gì đó giống như $ (elm1) .html ($ elm2.html())

Answer 2

Vâng, chúng sẽ bị xóa ngay cả khi bạn sử dụng html(). JQuery source code xác nhận nó.

Answer 3

Chỉ cần để mở rộng một chút:

• .remove(), .html(), .empty(), vv - tất cả remove nghe
• .detach()không loại bỏ người nghe
• .clone() có các tham số cho phép bạn quyết định xem dữ liệu/nghe được sao chép

Vì vậy, nếu bạn muốn giữ chân người nghe, hãy sử dụng .detach().