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 getComputedStyle获取和设置style的原理
Oct 10 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
Mar 29 Javascript
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 Javascript
基于jQuery实现咖啡订单管理简单应用
Feb 10 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
js禁止浏览器页面后退功能的实例(推荐)
Sep 01 Javascript
解决layui 复选框等内置控件不显示的问题
Aug 14 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
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的正则处理函数总结分析
2008/06/20 PHP
php 函数使用方法与函数定义方法
2010/05/09 PHP
php 生成文字png图片的代码
2011/04/17 PHP
php递归创建和删除文件夹的代码小结
2012/04/13 PHP
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
js URL参数的拼接方法比较
2012/02/15 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
python中装饰器级连的使用方法示例
2017/09/29 Python
django多个APP的urls设置方法(views重复问题解决)
2019/07/19 Python
PyQt5 closeEvent关闭事件退出提示框原理解析
2020/01/08 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
Pytorch之Tensor和Numpy之间的转换的实现方法
2020/09/03 Python
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
美国最大的家庭鞋类零售商之一:Shoe Carnival
2017/10/06 全球购物
《美丽的小路》教学反思
2014/02/26 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
小学教师培训方案
2014/06/09 职场文书
踏青活动策划方案
2014/08/19 职场文书
产品委托授权书范本
2014/09/16 职场文书
办理护照工作证明
2014/10/10 职场文书
2014年纪委工作总结
2014/12/05 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android