jquery中的data函数怎么用

这篇文章主要介绍“jquery中的data函数怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“jquery中的data函数怎么用”文章能帮助大家解决问题。

在jquery中，data是“数据”的意思，data()函数用于在指定的元素上存取数据并返回设置值，通过该函数存取的数据都是临时数据，页面刷新后存放的数据都会被移除，语法为“$.data(element,key,value)”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中的data是什么意思

$.data() 函数用于在指定的元素上存取数据，返回设置值。

提示： 1.这是一个底层方法，.data() 方法更方便使用。

2.通过 data() 函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将被移除。

3. 该方法目前并不提供在XML文档上跨平台设置，Internet Explorer不允许在XML文档中通过自定义属性附加数据。

语法

用法一

$.data( element, key, value )

注意： 1.通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将被移除。

2. undefined 是一个没有被识别数据值。调用 jQuery.data( el, "name", undefined ) 将返回对应的 "name" 数据，等价于 jQuery.data(el, "name" ) 。

我们可以在一个元素上设置不同的值，并获取这些值：

jQuery.data(document.body, 'foo', 52);
jQuery.data(document.body, 'bar', 'test');

用法二

$.data( element, key )

我们可以在一个元素上设置不同的值，并获取这些值：

alert(jQuery.data( document.body, 'foo' ));
alert(jQuery.data( document.body ));

参数 描述

• element Element类型 要存储数据的DOM对象

• key 可选。String类型 指定的键名字符串。

• value 可选。 Object类型 需要存储的任意类型的数据。

关于“jquery中的data函数怎么用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网行业资讯频道，小编每天都会为大家更新不同的知识点。