The unbind( [type], [fn] ) method does the opposite of bind, it removes bound events from each of the matched elements.
Here is the simple syntax to use this method:
selector.unbind( [type], [fn] )
Here is the description of all the parameters used by this method:
type: One or more event types separated by a space.
fn: A function to unbind from the event on each of the set of matched elements.
<html> <head> <script type="text/javascript" src="../../js/jquery-2.2.0.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function() { function aClick() { $("div").show().fadeOut("slow"); } $("#bind").click(function () { $("#theone").click(aClick) .text("Can Click!"); }); $("#unbind").click(function () { $("#theone").unbind('click', aClick) .text("Does nothing..."); }); }); </script> <style> button { margin:5px; } button#theone { color:red; background:yellow; } </style> </head> <body> <button id="theone">Does nothing...</button> <button id="bind">Bind Click</button> <button id="unbind">Unbind Click</button> <div style="display:none;">Click!</div> </body> </html>
Your Query was successfully sent!