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

前端之家收集整理的这篇文章主要介绍了如何使用JQuery删除父元素的子元素的所有事件处理程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给定特定父节点,例如动态创建的模态div.在向它添加一堆动态html然后将这些元素绑定到click,mouSEOver等事件后,有没有办法解除与模态div的子元素相关联的所有事件.在我的具体示例中,一旦隐藏了模态div,它就会从dom中完全删除,然后在每次需要时从头开始重新创建.

我正在寻找一种不必跟踪所有特定绑定的方法,而只是使用一个调用来说:获取任何具有绑定和“关闭”它们的子元素.

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

解决方法

如果使用bind()附加事件,则可以使用 unbind().
$('#foo').children().unbind();
  $('#foo').children('.class').unbind(); //You can give selector for limiting clildren

要么

如果使用on()来绑定事件,请使用off().

$('#foo').children().off();
 $('#foo').children('class').off();   //You can give selector for limiting clildren
原文链接:https://www.f2er.com/jquery/180919.html

猜你在找的jQuery相关文章