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 相关文章推荐
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
JS检测图片大小的实例
Aug 21 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
js操作模态窗口及父子窗口间相互传值示例
Jun 09 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
全面解析node 表单的图片上传
Nov 21 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
详解Vue中watch的高级用法
May 02 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
Jul 19 Javascript
vue实现可移动的悬浮按钮
Mar 04 Vue.js
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编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
myeclipse安装jQuery插件的方法
2011/03/29 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
python中的对象拷贝示例 python引用传递
2014/01/23 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Flask框架钩子函数功能与用法分析
2019/08/02 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
python基于openpyxl生成excel文件
2020/12/23 Python
Python中正则表达式对单个字符,多个字符和匹配边界等使用
2021/01/27 Python
HTML5通用接口详解
2016/06/12 HTML / CSS
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
EM Cosmetics官网:由彩妆大神Michelle Phan创办的独立品牌
2020/04/27 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
财务负责人岗位职责
2015/02/03 职场文书
春秋淹城导游词
2015/02/11 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
详解redis分布式锁的这些坑
2021/05/19 Redis
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL
Python实现仓库管理系统
2022/05/30 Python