返回值:jQueryremoveData([name])

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

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

注意，从 jQuery 1.4.3 起，调用 .removeData() 会让这个要移除的属性值恢复成 DOM 中同名的 data- 属性值，而不是把它设置成 undefined。

示例:

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

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



    $("span:eq(0)").text("" + $("div").data("test1"));
    $("div").data("test1", "VALUE-1");
    $("div").data("test2", "VALUE-2");
    $("span:eq(1)").text("" + $("div").data("test1"));
    $("div").removeData("test1");
    $("span:eq(2)").text("" + $("div").data("test1"));
    $("span:eq(3)").text("" + $("div").data("test2"));



</script>
</body>
</html>
演示: