jquery.data()方法

在 div 元素上先存储再获取数据

 

$.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');

调用 jQuery.data( el, "name", undefined ) 将返回对应的 "name" 数据，等价于 jQuery.data(el, "name" ) 。

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

 

例子：

 var body = document.getElementsByTagName('body');
       $.data(body[0],'test',{age:21,username:'webcyh'});
 console.log($.data(body[0],'test'));

结果：

 或者里边的

$.data(body[0],'test',{age:21,username:'webcyh'});
换成
var $data = $(body[0]).data();
$data.username="webcyh";