jQuery中removeData()方法用法实例


Posted in Javascript onDecember 27, 2014

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

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

语法结构一:

$(selector).removeData(name)

参数列表:

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

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
符合标准的js表单提交的代码
Sep 13 Javascript
地址栏传递中文参数乱码在js里用escape转码
Aug 28 Javascript
在linux中使用包管理器安装node.js
Mar 13 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
跟我学习javascript创建对象(类)的8种方法
Nov 20 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
BootStrap实现带关闭按钮功能
Feb 15 Javascript
webpack配置的最佳实践分享
Apr 21 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
jQuery中data()方法用法实例
Dec 27 #Javascript
jQuery中index()方法用法实例
Dec 27 #Javascript
jQuery中get()方法用法实例
Dec 27 #Javascript
jQuery的context属性用法实例
Dec 27 #Javascript
jQuery对象的selector属性用法实例
Dec 27 #Javascript
jQuery对象的length属性用法实例
Dec 27 #Javascript
jQuery中size()方法用法实例
Dec 27 #Javascript
You might like
php_xmlhttp 乱码问题解决方法
2009/08/07 PHP
超级简单的php+mysql留言本源码
2009/11/11 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
Thinkphp5.0自动生成模块及目录的方法详解
2017/04/17 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
2013/04/02 Javascript
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
js字符串操作方法实例分析
2015/05/06 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
jquery插件开发模式实例详解
2019/07/20 jQuery
深入浅析Vue中mixin和extend的区别和使用场景
2019/08/01 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Pthon批量处理将pdb文件生成dssp文件
2015/06/21 Python
详解Python pygame安装过程笔记
2017/06/05 Python
解决Python字典写入文件出行首行有空格的问题
2017/09/27 Python
pyttsx3实现中文文字转语音的方法
2018/12/24 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
教师先进工作者事迹材料
2014/05/01 职场文书
关爱老人标语
2014/06/21 职场文书
群众路线剖析材料
2014/09/30 职场文书
九九重阳节标语
2014/10/07 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers