jQuery off() method

jQuery Events

The off() method is usually used to remove event handlers added throughon()event handlers added by the method.
Since jQuery version 1.7 The off() method is the new replacement for the unbind(), die(), and undelegate() methods. This method brings many conveniences to the API, and we recommend using this method as it simplifies the jQuery code library.

To attach an event that runs once and then removes itself, useone()Method.

Syntax:

$("selector").off(event, selector, function)

Example

Remove the mousemove event from the document:

$("button").click(function(){
　　$("document").off("mousemove");
});

Remove the mousemove event from the DIV element:

$("button").click(function(){
　　$("div").off("mousemove");
});

Remove all click event handlers from all <p> elements added using the on() method:

$("button").click(function(){
　　$("body").off("click",　"p");
});

Remove a specific event function added with the on() method:

$("#btn1").click(function(){
　　$("p").off("click",　changeSize);
});

Remove multiple event handlers from the <div> element:

$("button").click(function(){
　　$("div").off("mouseenter　mouseleave");
});

Calling off() without parameters will remove all handlers attached to the element:

$("button").click(function(){
　　$("div").off();
});

Parameter Value

jQuery Events