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+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
浅谈JavaScript函数节流
Dec 09 Javascript
JavaScript中的Truthy和Falsy介绍
Jan 01 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
vue配置多页面的实现方法
May 22 Javascript
es6函数之rest参数用法实例分析
Apr 18 Javascript
ES6函数和数组用法实例分析
May 23 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 5.0对象模型深度探索之属性和方法
2008/03/27 PHP
初识PHP
2014/09/28 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
浅析PHP echo 和 print 语句
2020/06/30 PHP
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
layui table设置前台过滤转义等方法
2018/08/17 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
js实现页面图片消除效果
2020/03/24 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
2021/01/29 Javascript
Python下载懒人图库JavaScript特效
2015/05/28 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
python数据结构之图的实现方法
2015/07/08 Python
使用python加密自己的密码
2015/08/04 Python
python批量修改文件编码格式的方法
2018/05/31 Python
Python OpenCV处理图像之滤镜和图像运算
2018/07/10 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
英国领先的电子、技术和办公用品购物网站:Ebuyer
2018/04/04 全球购物
小学运动会报道稿
2014/10/04 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
教师见习报告范文
2014/11/03 职场文书
公司庆典主持词
2015/07/04 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android