jQuery.removeData()函数用法详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery.removeData()函数用法详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2198字，纯文字阅读大概需要4分钟。

内容图文

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代码为例：

<div id="n1">

<div id="n2">

<ul id="n3">

<li id="n4">item1</li>

<li id="n5">item2</li>

<li id="n6">item3</li>

</ul>

</div>

</div>

我们编写如下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

以上就是jQuery.removeData() 函数用法详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的jQuery.removeData()函数用法详解全部内容，希望文章能够帮你解决jQuery.removeData()函数用法详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端