Javascript:删除相关 HTML 时是否应该删除事件处理程序？

Question

这个问题已经有答案了:

Do I need to unbind jquery event before remove element? (3 个回答)

已关闭 9 年前。

我的页面上有以下 HTML:

<div class="component">
  <a href="#" class="delete">delete</a>
</div>

我在页面加载时有以下脚本:

$(document).ready(function(){

  $('a.delete').on('click', function() {
    ....
  });

});

此页面还有其他 Javascript 代码，可操作该页面并通过以下方式删除:

$('.component').remove();

我的问题:在删除 HTML 之前是否需要删除(取消绑定(bind))事件处理程序？如果不是的话，会不会有内存泄漏或者其他影响？

感谢和问候!

Answer 1

因为您使用的是 jQuery，所以您无需担心它。

Similar to .empty(), the .remove() method takes elements out of the DOM. Use .remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed. To remove the elements without removing data and events, use .detach() instead.

http://api.jquery.com/remove/ (强调已添加)