返回值:jQueryjQuery.removeData(element, [name])

移除先前存储的数据片段。

注意: 这是一个底层方法,使用 .removeData() 更方便。

jQuery.removeData() 允许我们移除先前用 jQuery.data() 设置的数据。如果提供了name参数,则 jQuery.removeData() 删除那个指定的值,如果不带参数,则删除所有数据。

示例:

设置两个数据,然后再删除其中一个。

<!DOCTYPE html>
<html>
<head>
<style>
		div { margin:2px; color:blue; }
		span { color:red; }
		</style>
<script src="jquery.min.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>
演示: