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 相关文章推荐
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
JS获取元素多层嵌套思路详解
May 16 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
js中new一个对象的过程
Feb 20 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
ES6入门教程之Iterator与for...of循环详解
May 17 Javascript
原生js轮播特效
May 18 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
Sep 28 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
JS实现购物车基本功能
Nov 08 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
星际争霸中的热键
2020/03/04 星际争霸
用PHP调用Oracle存储过程
2006/10/09 PHP
php+ajax实现图片文件上传功能实例
2014/06/17 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
PHP中串行化用法示例
2016/11/16 PHP
Laravel多域名下字段验证的方法
2019/04/04 PHP
javascript 文档的编码问题解决
2009/03/01 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
jQuery数组处理代码详解(含实例演示)
2012/02/03 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
Node.js中对通用模块的封装方法
2014/06/06 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
2016/12/22 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
React Native模块之Permissions权限申请的实例相机
2017/09/28 Javascript
JavaScript中Array方法你该知道的正确打开方法
2018/09/11 Javascript
解决layer.prompt无效的问题
2019/09/24 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
2021/03/01 Vue.js
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
Django中信号signals的简单使用方法
2019/07/04 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
Jupyter Notebook添加代码自动补全功能的实现
2021/01/07 Python
基于Python-turtle库绘制路飞的草帽骷髅旗、美国队长的盾牌、高达的源码
2021/02/18 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
马来西亚户外装备商店:PTT Outdoor
2019/07/13 全球购物
幼儿园元旦亲子活动方案
2014/02/17 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
云冈石窟导游词
2015/02/04 职场文书
在职证明格式样本
2015/06/15 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
react中的DOM操作实现
2021/06/30 Javascript
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS