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 Select标记中options操作方法集合
Oct 22 Javascript
JavaScript的eval JSON object问题
Nov 15 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
jQuery实现限制文本框的输入长度
Jan 11 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
详解JS取出两个数组中的不同或相同元素
Mar 20 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 Javascript
JavaScript实现表单验证功能
Dec 09 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的工作方式
2006/10/09 PHP
NOT NULL 和NULL
2007/01/15 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
PHP SPL标准库之文件操作(SplFileInfo和SplFileObject)实例
2015/05/11 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
js setTimeout opener的用法示例详解
2013/10/23 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
js表单登陆验证示例
2016/10/19 Javascript
详解VueJs异步动态加载块
2017/03/09 Javascript
详解angularjs 关于ui-router分层使用
2017/06/12 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
小程序如何获取多个formId实现详解
2019/09/20 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
[51:06]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS Liquid
2018/03/30 DOTA
[00:11]战神迅矛
2019/03/06 DOTA
Python实现随机选择元素功能
2017/09/14 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
基于python实现检索标记敏感词并输出
2020/05/07 Python
Web前端绘制0.5像素的几种方法
2017/08/11 HTML / CSS
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
通用C#笔试题附答案
2016/11/26 面试题
国际会计专业求职信
2014/08/04 职场文书
股指期货心得体会
2014/09/10 职场文书
基督教追悼会答谢词
2015/09/29 职场文书
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS