jQuery removeData() 方法

  • 定义和用法

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

    $(selector).removeData(name)
  • 参数

    参数 必需的 描述
    name
    规定要移除的数据的名称。
    如果没有规定名称,该方法将从被选元素中移除所有已存储的数据。
  • 实例

    下例演示了从 <div> 元素中移除之前附加的数据:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
       $(document).ready(function () {
          $("#btn1").click(function(){
             $("div").data("name", "Hello World");
             alert("已将数据附加到div元素");
          });
          $("#btn2").click(function(){
             $("div").removeData("name");
             alert("data值已被移出返回undefined: " + $("div").data("name"));
          });
       });
    </script>
    </head>
    <body>
       <p><button id="btn1">附加数据到div元素</button></p>
       <p><button id="btn2">移除附加到div元素的数据</button></p>
       <div></div>
    </body>
    </html>                    
    
    尝试一下