jquery - 如何使用 JQuery 删除父元素的子元素的所有事件处理程序

Question

给定一个特定的父节点，例如动态创建的模态 div。在向其中添加一堆动态 html，然后将这些元素绑定(bind)到单击、鼠标悬停等事件之后，是否有一种方法可以取消绑定(bind)与模态 div 的子元素关联的所有事件。在我的具体示例中，一旦模态 div 被隐藏，它就会从 dom 中完全删除，然后在每次需要时从头开始重新创建。

我正在寻找一种不必跟踪所有特定绑定(bind)的方法，而只需使用一个调用来表示:获取任何具有绑定(bind)的子元素并“关闭”它们。

注意:我可以验证从 dom 中删除元素然后重新创建它不会终止绑定(bind)，因为打开和关闭模式 div 会导致绑定(bind)事件被触发与创建 div 的次数相同的次数。我使用 $(document).on('click', '#abc',function(e) {}); 绑定(bind)元素。

Answer 1

您可以使用unbind()如果您使用 bind() 附加事件。

  $('#foo').children().unbind();
  $('#foo').children('.class').unbind(); //You can give selector for limiting clildren

或

使用off()如果您使用 on() 来绑定(bind)事件。

 $('#foo').children().off();
 $('#foo').children('class').off();   //You can give selector for limiting clildren

要从所有后代而不是直接子元素中删除事件，您可以使用 Descendant Selector (“ancestor descendant”) .

$('#foo *').off();