jQuery | removeData() with Examples
The removeData() is an inbuilt method in jQuery which is used to remove those data which are previously set with the data() method.
Syntax:
$(selector).removeData(args);
Here “selector” is the selected element whose previously set data get removed.
Parameter: It accepts an optional parameter “args” which specifies the name of the data to remove for the selected element.
Return Value : It returns the selected element with removed data.
Code #1:
In the below code, the data get removed by removeData() method set by the data() method.
<html> <head> </script> <script> <!-- working of remove data method --> $(document).ready(function() { <!-- click here to add data to div element --> $("#b1").click(function() { $("div").data("greeting", "Hello Everyone !"); alert("GeeksforGeeks says : " + $("div"). data("greeting")); }); <!-- click here to remove data from div element --> $("#b2").click(function() { $("div").removeData("greeting"); alert("Greeting is: " + $("div"). data("greeting")); }); }); </script> <style> #b1, #b2 { padding: 10px; margin: 20px; background-color: green; } </style> </head> <body> <button id="b1">Click here to add data to div element</button> <br> <button id="b2">Click here to Remove data from div element</button> <div></div> </body> </html> |
Output:
After attaching the data-
After removing the data-
Please Login to comment...