jQuery bind() Method
The jQuery bind() is an inbuilt method that is used to attach one or more event handlers for selected element and this method specifies a function to run when event occurs.
Syntax:
$(selector).bind(event, data, function);
Parameter: It accepts three parameters that are specified below-
- event: This is an event type which is passed to the selected elements.
- data: This is the data which can be shown over the selected elements.
- function: This is the function which is perform by the selected elements.
Note This method has deprecated.
jQuery codes to show the working of bind() method:
Example 1: In the below code,”click” event are attached with the given paragraph using this method.
HTML
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function () { $("p").bind("click", function () { alert("Given paragraph was clicked."); }); }); </script> <style> p { display: block; padding: 50px; width: 280px; border: 2px solid green; } </style></head> <body> <p>Click me!</p></body> </html> |
Output:
Example 2: In the below code, same “click” event is added but this time data is also passed to this method.
HTML
<!DOCTYPE html><html> <head> <script src= </script> <script> function handlerName(e) { alert(e.data.msg); } <!--Here data is passing along with a function in bind method--> $(document).ready(function () { $("p").bind("click", { msg: "You just clicked the paragraph!" }, handlerName) }); </script> <style> p { display: block; padding: 50px; width: 280px; border: 2px solid green; } </style></head> <body> <!--A pop will appear after clicking on this paragraph--> <p>Click me!</p></body> </html> |
Output:
Please Login to comment...