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第二章
Sep 30 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
Jun 04 Javascript
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
基于jquery实现控制经纬度显示地图与卫星
May 20 Javascript
js的2种继承方式详解
Mar 04 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
js实现点击图片自动提交action的简单方法
Oct 16 Javascript
node使用promise替代回调函数
May 07 Javascript
深入理解JavaScript 箭头函数
May 30 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 Javascript
js实现多图和单图上传显示
Dec 18 Javascript
通过实例了解JS执行上下文运行原理
Jun 17 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
探讨如何把session存入数据库
2013/06/07 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
JS得到当前时间的方法示例
2017/03/24 Javascript
JavaScript中使用Async实现异步控制
2017/08/15 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
在React项目中使用Eslint代码检查工具及常见问题
2018/10/10 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
Python实现telnet服务器的方法
2015/07/10 Python
python 实时遍历日志文件
2016/04/12 Python
python的多重继承的理解
2017/08/06 Python
django框架模板语言使用方法详解
2019/07/18 Python
python中p-value的实现方式
2019/12/16 Python
把vgg-face.mat权重迁移到pytorch模型示例
2019/12/27 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
Python调用百度OCR实现图片文字识别的示例代码
2020/07/17 Python
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
保护野生动物倡议书
2014/05/16 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
暂住证证明
2015/06/19 职场文书
一篇文章弄懂Python中的内建函数
2021/08/07 Python