how to unbind all event using jquery

Question

i can use this code to remove click event,

$('p').unbind('click') 

but , has some method to remove all event ?

has a method named unbindAll in jquery ?

thanks

Answer 1

As of jQuery 1.7, off() and on() are the preferred methods to bind and unbind event handlers.

So to remove all handlers from an element, use this:

$('p').off(); 

or for specific handlers:

$('p').off('click hover'); 

And to add or bind event handlers, you can use

$('p').on('click hover', function(e){     console.log('click or hover!'); }); 

Answer 2

You can call .unbind() without parameters to do this:

$('p').unbind(); 

From the docs:

In the simplest case, with no arguments, .unbind() removes all handlers attached to the elements.