Example
Remove all event handlers for all <p> elements:
$("button").click(function(){
$("p").unbind();
});
Try it Yourself »
Definition and Usage
The unbind() method removes event handlers from selected elements.
This method can remove all or selected event handlers, or stop specified functions from running when the event occurs.
This method can also unbind event handlers using an event object. This is used to unbind an event from within itself (like removing an event handler after the event has been triggered a certain number of times).
Note: If no parameters are specified, the unbind() method will remove ALL event handlers from the specified element.
Note: The unbind() method works on any event handler attached with jQuery.
As of jQuery version 1.7, the on() and off() methods are preferred to attach and remove event handlers on elements.
Syntax
$(selector).unbind(event,function,eventObj)
| Parameter | Description |
|---|---|
| event | Optional. Specifies one or more events to remove from the elements. Multiple event values are separated by space. If this is the only parameter specified, all functions bound to the specified event will be removed. |
| function | Optional. Specifies the name of the function to unbind from the specified event for the element |
| eventObj | Optional. Specifies the event object to remove to use. The
eventObj parameter comes from the event binding function |
Try it Yourself - Examples
Unbind a specific function
How to use the unbind() method to unbind a specific function from a specified event for an element.
Unbind an event handler using an event object
Specifies an event object to remove.