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 相关文章推荐
javascript 面向对象编程基础 多态
Aug 21 Javascript
Javascript isArray 数组类型检测函数
Oct 08 Javascript
获取焦点时,利用js定时器设定时间执行动作
Apr 02 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
Jun 29 Javascript
js文件包含的几种方式介绍
Sep 28 Javascript
Jquery中基本选择器用法实例详解
May 18 Javascript
js倒计时小实例(多次定时)
Dec 08 Javascript
详解react-native-fs插件的使用以及遇到的坑
Sep 12 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
JS实现简易留言板特效
Dec 23 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 Javascript
js实现随机点名
Jan 19 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加密函数 Javascript/Js 解密函数
2013/09/23 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
JS解析XML的实现代码
2009/11/12 Javascript
清空上传控件input file的值
2010/07/03 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
javascript 寻找错误方法整理
2014/06/15 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
详解通过JSON数据使用VUE.JS
2017/05/26 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
利用标准库fractions模块让Python支持分数类型的方法详解
2017/08/11 Python
Python cookbook(数据结构与算法)从任意长度的可迭代对象中分解元素操作示例
2018/02/13 Python
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
用pandas中的DataFrame时选取行或列的方法
2018/07/11 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
python实现图像拼接功能
2020/03/23 Python
python rsa-oaep加密的示例代码
2020/09/23 Python
Sublime Text3最新激活注册码分享适用2020最新版 亲测可用
2020/11/12 Python
医学专业毕业生个人的求职信
2013/12/04 职场文书
目标责任书范文
2014/04/14 职场文书
公司节能减排方案
2014/05/16 职场文书
励志广播稿300字(5篇)
2014/09/15 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
超市收银员岗位职责
2015/04/07 职场文书
初中班主任培训心得体会
2016/01/07 职场文书
python基础之爬虫入门
2021/05/10 Python
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL