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监听键盘事件示例代码
Jul 26 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
百度地图API之本地搜索与范围搜索
Jul 30 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
jQuery自定义多选下拉框效果
Jun 19 jQuery
网页中的图片查看器viewjs使用方法
Jul 11 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
一篇文章介绍redux、react-redux、redux-saga总结
May 23 Javascript
vue实现浏览器全屏展示功能
Nov 27 Javascript
Preload基础使用方法详解
Feb 03 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中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
php动态函数调用方法
2015/05/21 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
JavaScript实现拼音排序的方法
2012/11/20 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
javascript实现简单留言板案例
2021/02/09 Javascript
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
python实现发送和获取手机短信验证码
2016/01/15 Python
Python生成密码库功能示例
2017/05/23 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
浅析Python3中的对象垃圾收集机制
2019/06/06 Python
使用Python爬取弹出窗口信息的实例
2020/03/14 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
数据库方面面试题
2012/04/22 面试题
信用社实习人员自我鉴定
2013/09/20 职场文书
资产经营总监岗位职责范文
2013/12/01 职场文书
小学教研工作制度
2014/01/15 职场文书
历史专业大学生职业生涯规划书
2014/03/13 职场文书
廉洁自律承诺书
2014/03/27 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
导游词之西安骊山
2019/12/20 职场文书