jQuery.removeData() in jQuery

jQuery.removeData(): Remove a previously-stored piece of data.

The jQuery.removeData() method allows us to remove values that were previously set using jQuery.data(). When called with the name of a key, jQuery.removeData() deletes that particular value; when called with no arguments, all values are removed.

Example :

<!DOCTYPE html>
<html>
<head>
  <style>
		div { margin:2px; color:blue; }
		span { color:red; }
		</style>
  <script src="/scripts/jquery-1.4.js"></script>
</head>
<body>
	<div>value1 before creation: <span></span></div>
		<div>value1 after creation: <span></span></div>
		<div>value1 after removal: <span></span></div>
		<div>value2 after removal: <span></span></div>
<script>
var div = $("div")[0];
$("span:eq(0)").text("" + $("div").data("test1"));
jQuery.data(div, "test1", "VALUE-1");
jQuery.data(div, "test2", "VALUE-2");
$("span:eq(1)").text("" + jQuery.data(div, "test1"));
jQuery.removeData(div, "test1");
$("span:eq(2)").text("" + jQuery.data(div, "test1"));
$("span:eq(3)").text("" + jQuery.data(div, "test2"));</script>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *