Tutorialspoint.dev

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.

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>
    <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-



This article is attributed to GeeksforGeeks.org

You Might Also Like

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter