jQuery | die() Method
The die() method added with live() method, removes one or more event handlers, for selected elements.
Syntax:
$(selector).die(event, function)
Parameter:
- event: Specifies one or more than one event handlers to remove. Multiple valid event values are separated by space.
- function: It is used to specify a function to be removed.
Example-1:
<!DOCTYPE html><html> <head> <script src= </script> <script> function changeSize() { $(this).animate({ fontSize: "+=3px" }); } function changeSpacing() { $(this).animate({ letterSpacing: "+=2px" }); } $(document).ready(function() { $("p").live("click", changeSize); $("p").live("click", changeSpacing); $("button").click(function() { $("p").die("click", changeSize); }); }); </script></head> <body> <center> <p style="color:green;"> Geeks for geeks. </p> <button> added with the live() method, Remove the event handler changeSize(), for p elements </button> </center></body> </html> |
Output:
Before clicking on the paragraph:
After clicking on the paragraph:
Example-2:
<!DOCTYPE html><html> <head> <script src= </script> <script> function changeSize() { $(this).animate({ fontSize: "+=3px" }); } function changeSpacing() { $(this).animate({ letterSpacing: "+=2px" }); } $(document).ready(function() { $("h1").live("click", changeSize); $("h1").live("click", changeSpacing); $("button").click(function() { $("h1").die("click", changeSize); }); }); </script></head> <body> <div> <center> <h1>welcome to GFG</h1> </center> </div> <center> <button>click here</button> </center></body> </html> |
Before clicking on the paragraph:
After clicking on the paragraph:
