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 相关文章推荐
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
javascript下数值型比较难点说明
Jun 07 Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
js中数组排序sort方法的原理分析
Nov 20 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
layui动态表头的实现代码
Aug 22 Javascript
JS document form表单元素操作完整示例
Jan 13 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数据库配置文件一般做法分享
2012/07/07 PHP
一个严格的PHP Session会话超时时间设置方法
2014/06/10 PHP
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
php unlink()函数使用教程
2018/07/12 PHP
PHP使用glob方法遍历文件夹下所有文件的实例
2018/10/17 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
类之Prototype.js学习
2007/06/13 Javascript
TopList标签和JavaScript结合两例
2007/08/12 Javascript
js兼容标准的表格变色效果
2008/06/28 Javascript
HTML DOM的nodeType值介绍
2011/03/31 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
纯js实现无限空间大小的本地存储
2015/06/18 Javascript
js命名空间写法示例
2015/12/18 Javascript
Javascript 实现全屏滚动实例代码
2016/12/31 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
改进Django中的表单的简单方法
2015/07/17 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
python实现反转部分单向链表
2018/09/27 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
Numpy数组的广播机制的实现
2020/11/03 Python
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
欧克利英国官网:Oakley英国
2019/08/24 全球购物
编写一个 C 函数,该函数在一个字符串中找到可能的最长的子字符串,且该字符串是由同一字符组成的
2015/07/23 面试题
电子商务专业学生的自我鉴定
2013/11/28 职场文书
企业年度评优方案
2014/06/02 职场文书
毕业生应聘求职信
2014/07/10 职场文书
导游词300字
2015/02/13 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
导游词之徐州-云龙山
2019/09/29 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python
MySQL分区以及建索引的方法总结
2022/04/13 MySQL
mysql函数之截取字符串的实现
2022/08/14 MySQL