jQuery removeData() with Examples

jQuery Web Development Front End Technology

The removeData() method in jQuery is used to remove the data set with the data() method.

Syntax

The syntax is as follows −

$(selector).removeData(name)

Above, the name parameter is used to specify the name of the data to remove.

Example

Let us now see an example to implement the jQuery removeData() method −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $(".button1").click(function(){
         $("div").data("student", "Jack Sparrow");
         alert("Student Name = " +$("div").data("student"));
      });
      $(".button2").click(function(){
         $("div").removeData("student");
         alert("Student Name = " +$("div").data("Jack Sparrow"));
      });
   });
</script>
<style>
.button1 {
   background-color: orange;
   color: white;
}
.button2 {
   background-color: orange;
   color: white;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<button class="button1">Attach</button><br><br>
<button class="button2">Remove</button>
<div></div>
</body>
</html>