jQuery中removeData()方法用法实例

 更新时间:2014年12月27日 15:03:36   投稿:shichen2014  
这篇文章主要介绍了jQuery中removeData()方法用法,实例形式分析了removeData()方法移除匹配元素指定数据的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中removeData()方法用法。分享给大家供大家参考。具体实现方法如下:

此方法可以移除匹配元素上指定的数据。
removeData()方法与data()方法的作用相反。

语法结构一:

复制代码 代码如下:
$(selector).removeData(name)

参数列表:

参数 描述
name 可选。定义要删除的数据的名称。
如果没有定义名称,该方法将从被选元素中删除所有已存储的数据。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata","脚本之家欢迎您");
  });
  $("#show").click(function(){
    $("div").text($("div").data("mydata"));
  });
  $("#delete").click(function(){
    $("div").removeData("mydata");
    alert($("div").data("mydata"));
  })
});
</script>
</head>
<body>
  <div></div>
  <button id="add">向元素添加数据</button>
  <button id="show">显示添加的数据</button>
  <button id="delete">删除元素中的数据</button>
</body>
</html>

以上代码能够通过data()方法向指定元素附加数据,然后使用removeData()方法删除数据,最后检测数据是否删除。

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

  • jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

    jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

    这篇文章主要介绍了jQuery插入节点和移动节点的方法,结合实例形式分析了insertAfter和insertBefore方法针对页面元素节点操作的使用技巧,需要的朋友可以参考下
    2016-09-09
  • JQuery常见节点操作实例分析

    JQuery常见节点操作实例分析

    这篇文章主要介绍了JQuery常见节点操作,结合实例形式分析了jQuery针对元素节点的添加、删除常见操作函数使用技巧与相关注意事项,需要的朋友可以参考下
    2019-05-05
  • jquery可定制的在线UEditor编辑器

    jquery可定制的在线UEditor编辑器

    这篇文章主要介绍了jquery可定制的在线UEditor编辑器,UEditor的功能非常强大,ueditor更具有功能插件接口,很轻松地添加自己定义功能到编辑器中,方便项目的不同需求,需要的朋友可以参考下
    2015-11-11
  • jQuery+jsp实现省市县三级联动效果(附源码)

    jQuery+jsp实现省市县三级联动效果(附源码)

    这篇文章主要介绍了jQuery+jsp实现省市县三级联动效果,以完整实例形式分析了jQuery结合jsp读取MySQL数据库操作实现省市县三级联动效果的相关技巧,并附带完整实例源码供读者下载参考,需要的朋友可以参考下
    2015-12-12
  • 一个超简单的jQuery回调函数例子(分享)

    一个超简单的jQuery回调函数例子(分享)

    下面小编就为大家带来一篇一个超简单的jQuery回调函数例子(分享) 。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jQuery实现页面滚动时层智能浮动定位实例探讨

    jQuery实现页面滚动时层智能浮动定位实例探讨

    在博客或者微博上面也会见到这个效果,所以客户就也想要这样的效果了,接下来为大家详细介绍下浮动定位实现的过程,感兴趣的朋友可以参考下哈
    2013-03-03
  • 利用jqgrid实现上移下移单元格功能

    利用jqgrid实现上移下移单元格功能

    这篇文章主要给大家介绍了关于如何利用jqgrid实现上移下移单元格功能的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11
  • jQuery实现伸展与合拢panel的方法

    jQuery实现伸展与合拢panel的方法

    这篇文章主要介绍了jQuery实现伸展与合拢panel的方法,可实现操作div层的平滑收缩与展开的功能,涉及jQuery中next、slideUp、slideDown等方法的使用技巧,非常简单实用,需要的朋友可以参考下
    2015-04-04
  • 使用jQuery实现图片遮罩半透明坠落遮挡

    使用jQuery实现图片遮罩半透明坠落遮挡

    这篇文章主要介绍了使用jQuery实现图片遮罩半透明坠落遮挡,效果非常棒,小伙伴们做相册的时候可以直接拿走使用。
    2015-03-03
  • jQuery的context属性用法实例

    jQuery的context属性用法实例

    这篇文章主要介绍了jQuery的context属性用法,实例分析了context属性返回节点内容的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12

最新评论