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 相关文章推荐
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
JS面向对象编程 for Cookie
Sep 19 Javascript
jQuery之自动完成组件的深入解析
Jun 19 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
Jan 03 Javascript
Javascript高级技巧分享
Feb 25 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
JS小游戏之极速快跑源码详解
Sep 25 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
Position属性之relative用法
Dec 14 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
Feb 24 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 模拟$_PUT实现代码
2010/03/15 PHP
PHP 类商品秒杀计时实现代码
2010/05/05 PHP
Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题
2015/03/27 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
JavaScript入门教程(12) js对象化编程
2009/01/31 Javascript
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
理解Javascript_08_函数对象
2010/10/15 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
Python使用random和tertools模块解一些经典概率问题
2015/01/28 Python
Python二分法搜索算法实例分析
2015/05/11 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
Python中with及contextlib的用法详解
2017/06/08 Python
Python实现的双色球生成功能示例
2017/12/18 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
个人租房协议书范本
2014/09/30 职场文书
客户答谢会致辞
2015/01/20 职场文书
医院中层管理人员培训心得体会
2016/01/11 职场文书