Examples of jQuery unbind () method, jqueryunbind

Examples of jQuery unbind () method, jqueryunbind

This document describes how to use the jQuery unbind () method. We will share this with you for your reference. The details are as follows:

The unbind () method in jQuery is a reverse operation of the bind () method, which deletes the Bound event from each matching element.

Syntax structure:
Copy codeThe Code is as follows: unbind ([type] [, data]);

Type is the event type, and data is the event to be removed. The details are as follows:
1. If no parameter exists, all binding events are deleted;
2. If the event type is provided as the parameter, only binding events of this type will be deleted;
3. If the handler passed during binding is used as the 2nd parameter, only this specific event handler is deleted.

See the following example:

<Script src = "jquery. js "type =" text/javascript "> </script> <style>. info {background: # ffff66 ;} </style> <input type = "button" id = "btn" value = "Click me"/> <input type = "button" id = "delAll" value = "Delete bind all functions "/> <input type =" button "id =" delFun2 "value =" Delete second binding function "/> <br/> <div class =" info"> </div> <script type = "text/javascript"> $ (document ). ready (function () {// bind event to the button with id btn $ ("# btn "). bind ('click', fun1 = function () {$ (". info "). append ('<p> bind function 1 </p> ');}). bind ('click', fun2 = function () {$ (". info "). append ('<p> bind function 2 </p> ');}). bind ('click', fun3 = function () {$ (". info "). append ('<p> bind function 3 </p>');}) $ ("# delAll "). bind ('click', function () {$ ("# btn "). unbind (); // delete all binding events}) $ ("# delFun2 "). bind ('click', function () {$ ("# btn "). unbind ('click', fun2); // Delete the second bound function}) </script>

Effect diagram: