How to use unbind() Method Event in JQuery
This article describe about unbind() Method Event in jQuery.
unbind() Method Event in jQuery
For remove event handlers from selected
elements use the unbind() method.
It's remove all or selected event handlers, or
stop specified functions from running when event occurs.
Any event handler attached with jQuery unbind()
method work on.
Example
|
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("p").click(function () {
$(this).slideToggle();
});
$("button").click(function () {
$("p").unbind();
});
});
</script>
</head>
<body>
<p>This is my first paragraph.</p>
<p>This is second paragraph.</p>
<p>Click any p element to make it disappear.
Including this one also.</p>
<button>Remove event handlers for p elements</button>
</body>
</html> |
Output
Unbind Event Handlers and Functions from Elements
It is define one or more event handler to remove from selected element.
The unbind() method remove all event handler for selected element if no
parameter define.
Syntax
|
$(selector).unbind(event,function) |
Unbind Event Handlers Using an Event Object
It is define an event object to
remove. Within itself it unbind an event.
The unbind() method remove all event handler for
selected element if no parameter define.
Syntax
|
$(selector).unbind(eventObj) |
You may also want to read these related articles
Click here
Ask Your Question
Got a programming related question? You may want to post your question here
Programming Answers here