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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
Sep 12 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
Mar 04 Javascript
详解jenkins自动化部署vue
May 14 Javascript
vue2.x 对象劫持的原理实现
Apr 19 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 Javascript
基于JavaScript实现年月日三级联动
Jun 22 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
Uncaught exception com_exception with message Failed to create COM object
2012/01/11 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
php中explode的负数limit用法分析
2015/02/27 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
PHP实现带重试功能的curl连接示例
2016/07/28 PHP
php输出反斜杠的实例方法
2019/09/19 PHP
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
jQuery替换节点元素的操作方法
2018/03/18 jQuery
微信小程序拍照和摄像功能实现方法示例
2019/02/01 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
2019/03/08 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
2019/07/20 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
Python的Django框架中的表单处理示例
2015/07/17 Python
Python import与from import使用及区别介绍
2018/09/06 Python
pygame实现简易飞机大战
2018/09/11 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
python属于解释语言吗
2020/06/11 Python
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
struct和class的区别
2015/11/20 面试题
护士岗前培训自我评鉴
2014/02/28 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
群众路线教育实践活动心得体会(四风)
2014/11/03 职场文书
护士求职简历自我评价
2015/03/10 职场文书
企业百日安全活动总结
2015/05/07 职场文书
退休欢送会致辞
2015/07/31 职场文书
2019新员工试用期转正申请书3篇
2019/08/13 职场文书