小码哥的IT人生

首页 > JS > jQuery

jQuery 数据 - removeData() 方法 概述

jQuery 2022-06-01 18:41:24小码哥的IT人生shichen

jQuery 数据 - removeData() 方法

实例

从元素中删除之前添加的数据:

$("#btn2").click(function(){
  $("div").removeData("greeting");
  alert("Greeting is: " + $("div").data("greeting"));
});

完整实例:

<html>
<head>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
    alert("Greeting is: " + $("div").data("greeting"));
  });
  $("#btn2").click(function(){
    $("div").removeData("greeting");
    alert("Greeting is: " + $("div").data("greeting"));
  });
});
</script>
</head>
<body>
<button id="btn1">向 div 元素添加数据</button><br />
<button id="btn2">从 div 元素删除数据</button>
<div></div>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

removeData() 方法删除之前通过 data() 方法设置的数据。

语法

$(selector).removeData(name)
参数 描述
name

可选。规定要删除的数据的名称。

如果没有规定名称,该方法将从被选元素中删除所有已存储的数据。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024