0

0

jQuery.removeData() 函数用法详解

巴扎黑

巴扎黑

发布时间:2017-06-25 09:51:03

|

2484人浏览过

|

来源于php中文网

原创

removedata()函数用于移除在当前jquery对象所匹配的每一个元素上存储的指定键名的数据项。

removeData()函数主要用来移除通过data()函数存放的数据。

该函数属于jQuery对象(实例)。

语法

removeData()函数的语法如下:

jQueryObject.removeData( keys )

注意:removeData()会移除当前jQuery对象所匹配的每一个元素上指定键名的数据。

参数

参数 描述

keys String/Array类型指定的键名字符串数组

如果要同时移除多个键名的数据项,请传入数组形式的参数,数组的每个元素即是需要移除的键名字符串。你也可以传入以空格分隔的字符串,空格隔开的每个子字符串即是需要移除的键名字符串。

如果参数keys是包含空格的字符串,例如"a b c",则removeData()将先判断是否存在键名为"a b c"(字符串本身)的数据项,如果存在则移除该数据,并且不再执行后续的分割等操作。如果不存在,才会根据空格进行分割,移除键名分别为"a"、"b"、"c"(分割后的子字符串)的数据项。

如果你存放数据的键名中包含空格(例如"a b"),此时使用removeData()同时移除多个键名的数据项(例如"a b c d",其中"a b"是一个键名),将无法成功移除包含空格的键名(例如"a b")。你可以改用数组形式,或者针对包含空格的键名进行单独移除。

返回值

removeData()函数的返回值是jQuery类型,返回当前jQuery对象本身。

示例&说明

以下面这段HTML代码为例:

简灰服装商城整站 For SHOPEX
简灰服装商城整站 For SHOPEX

SHOPEX简灰服装商城整站源码下载。 安装方法:1.解压上传程序至网站根目录.. 访问:域名/bak.(用户名:admin 密码:123456)2.进入帝国备份王后,配置数据库数据库信息.选择-www.taomoban.net目录.还原数据库.3.修改FTP目录下的config/config.phpphp 数据库连接信息.4.登陆网站后台--清空缓存..5.删除bak文件夹 后台:shopadm

下载

   

       

               

  • item1
  •            

  • item2
  •            

  • item3
  •        

   

 

我们编写如下jQuery代码:

var $li = $("li");

// 同时向所有的li元素存储数据

$li.data("name", "CodePlayer");

$li.data("desc", "专注于编程开发技术分享");

$li.data("url", "http://www.365mini.com/");

// 同时移除所有li元素上的键名为name的数据

$li.removeData("name");

var $n5 = $("#n5"); // 通过n4、n5、n6都可以读取数据

//  返回键值name所对应的数据

document.writeln( $n5.data("name") ); // undefined

var $n4 = $("#n4");

// 找不到键名为"desc url"的数据项,接着根据空格进行分割

// 移除键名为"desc"、"url"的数据项

$n4.removeData("desc url");

document.writeln( $n4.data("desc") ); // undefined

document.writeln( $n4.data("url") ); // undefined

$li.data("a", "测试a");

$li.data("b", "测试b");

$li.data("a b", "测试a b");

//只会移除键名为"a b"的数据项

$li.removeData("a b");

document.writeln( $li.data("a") ); // 测试a

document.writeln( $li.data("b") ); // 测试b

相关专题

更多
高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

43

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

84

2026.01.16

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

24

2026.01.16

java数据库连接教程大全
java数据库连接教程大全

本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

35

2026.01.15

Java音频处理教程汇总
Java音频处理教程汇总

本专题整合了java音频处理教程大全,阅读专题下面的文章了解更多详细内容。

16

2026.01.15

windows查看wifi密码教程大全
windows查看wifi密码教程大全

本专题整合了windows查看wifi密码教程大全,阅读专题下面的文章了解更多详细内容。

56

2026.01.15

浏览器缓存清理方法汇总
浏览器缓存清理方法汇总

本专题整合了浏览器缓存清理教程汇总,阅读专题下面的文章了解更多详细内容。

16

2026.01.15

ps图片相关教程汇总
ps图片相关教程汇总

本专题整合了ps图片设置相关教程合集,阅读专题下面的文章了解更多详细内容。

9

2026.01.15

ppt一键生成相关合集
ppt一键生成相关合集

本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

26

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Go 教程
Go 教程

共32课时 | 3.8万人学习

麻省理工大佬Python课程
麻省理工大佬Python课程

共34课时 | 5.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号