jQuery | removeData() with Examples

Last Updated : 13 Feb, 2019

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.

jQuery code to show the working of removeData() method:
Code #1:
In the below code, the data get removed by removeData() method set by the data() method.

<html> 
  
<head> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"> 
    </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> 