如何取消自定义对象的所有事件绑定？

Question

The problem is that the selectors for this object can be different.

$('body').on('submit','form',function(){});
$('.container').on('submit','form',function(){});
$('.container').on('submit','#myform',function(){});

And i don't know how to unbind all this events. I can use off(); function

But for each selector i can't; because there are a large number of selectors; How i can remove each event from #myform?

Answer 1

You can do:

$("#myform").children().off();

or you can also use * :

$("#myform *").off();

Answer 2

Since you want to handle delegated handlers also

$("#myform").off('submit');//remove the submit handlers attached to the form
$("#myform").parents().off('submit', '#myform');//remove all submit delegated handlers registered to ancestor elements
//this is dangerous because it could remove common handlers
$("#myform").parents().off('submit', 'form');//but I don't think there is another easy way