jQuery 杂项 removeData() 方法

jQuery 的 removeData() 方法用于移除之前使用 data() 方法设置的数据。

语法

$(selector).removeData(name)

参数

以下是上述语法的描述 -

name (可选): 要移除的数据的名称。如果省略，则会移除与元素关联的所有数据。

示例

在下面的示例中，我们使用 jQuery 杂项 removeData() 方法从 <div> 元素中移除之前附加的数据 -

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#saveData").click(function(){
    $("#info").data("username", "Tutorialspoint");
    alert("Username saved: " + $("#info").data("username"));
  });
  
  $("#clearData").click(function(){
    $("#info").removeData("username");
    alert("Username after removal: " + $("#info").data("username"));
  });
});
</script>
</head>
<body>
<button id="saveData">Save Username</button><br>
<button id="clearData">Clear Username</button>
<p id="info"></p>
</body>
</html>

执行后，点击上面的“保存”和“清除”按钮。

jquery_ref_miscellaneous.htm

打印页面