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 相关文章推荐
Tab页界面 用jQuery及Ajax技术实现(php后台)
Oct 12 Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
Aug 01 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
js获取元素的标签名实现方法
Oct 08 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
详解webpack之scss和postcss-loader的配置
Jan 09 Javascript
JavaScript图片处理与合成总结
Mar 04 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 Javascript
详解JavaScript中new操作符的解析和实现
Sep 04 Javascript
JS数组转字符串实现方法解析
Sep 04 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
深入探讨<br />和 \r\n两者有什么区别??
2013/06/05 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
js的一些常用方法小结
2011/06/29 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
JS定时器实例
2013/04/17 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
2016/08/19 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
shiro授权的实现原理
2017/09/21 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
python实现应用程序在右键菜单中添加打开方式功能
2017/01/09 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
建筑设计专业求职自我评价
2014/03/02 职场文书
公司请假条格式
2014/04/11 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
技术股份合作协议书
2014/10/05 职场文书
志愿者事迹材料
2014/12/26 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
教你修复 Win11应用商店加载空白问题
2021/12/06 数码科技
vscode内网访问服务器的方法
2022/06/28 Servers