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 幻灯片的实现
Dec 06 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
JS常用算法实现代码
Nov 14 Javascript
js下载文件并修改文件名
May 08 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
js实现省市级联效果分享
Aug 10 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
Vue.js实现的计算器功能完整示例
Jul 11 Javascript
简单了解JavaScript弹窗实现代码
May 07 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 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 SQL防注入代码集合
2008/04/25 PHP
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
js鼠标左右键 键盘值小结
2010/06/11 Javascript
javascript倒计时功能实现代码
2012/06/07 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
JS添加或修改控件的样式(Class)实现方法
2016/10/15 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
2020/07/15 Javascript
python九九乘法表的实例
2017/09/26 Python
git进行版本控制心得详谈
2017/12/10 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
Python爬取成语接龙类网站
2018/10/19 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
学习Python列表的基础知识汇总
2020/03/10 Python
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
Kate Spade澳大利亚官方网站:美国设计师手袋品牌
2019/09/10 全球购物
营业经理岗位职责
2013/11/10 职场文书
部队领导证婚词
2014/01/12 职场文书
爱国卫生月实施方案
2014/02/21 职场文书
体育教学随笔感言
2014/02/24 职场文书
人与自然观后感
2015/06/16 职场文书
会计专业自荐信范文
2019/05/22 职场文书
ORACLE数据库应用开发的三十个注意事项
2021/06/07 Oracle