• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • jQuery.removeData()

    删除一个先前存储的数据片段。

    jQuery.removeData(element[, name ])
    • element类型: Element。要移除数据的DOM对象
    • name类型: String。要移除的存储数据名.

    注意这是一个底层的方法,你应该用.removeData()代替。

    jQuery.removeData()方法允许我们移除用jQuery.data()绑定的值。当带name参数调用的时候,jQuery.removeData()将删除那个特有的值,当不带任何参数的时候,所有的值将被移除。

    例子

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

    <!DOCTYPE html>
    <html>
    <head>
      <style>
        div { margin:2px; color:blue; }
        span { color:red; }
        </style>
      <script src="https://www.lanmper.cn/static/js/jquery-3.5.0.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>
    
    value1 before creation:
    value1 after creation:
    value1 after removal:
    value2 after removal:

    上篇:jQuery.data()

    下篇:jQuery.hasData()