jQuery 中的data 函数

[incuisting]

作用:
在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值
语法：

.data( key, value )
.data( obj )

参数:
key
类型: 
一个字符串，用户存储数据的名称。（译者注：存储的数据名）
value
类型:
新的数据值；它可以是任意的Javascript数据类型，包括Array 或者 Object。
obj
类型: 
一个用于更新数据的 键/值对

最基础的给一个元素设置不同的值，之后获取这些值

//存储数值
$('body').data('foo',52);
$('body').data('bar',{myType:'test',count:40});
$('body').data({baz:[1,2,3]});
//获取数值
$('body').data('foo');//52
$('body').data();//{ foo: 52, bar: { myType: "test", count: 40 }, baz: [ 1, 2, 3 ] }

从jQuery 1.4.3起， HTML 5 data- 属性将自动被引用到jQuery的数据对象中。
举个例子, 给定下面的HTML:

<div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div>

下面所有的 jQuery 代码都能运行。

$("div").data("role") === "page";
$("div").data("lastValue") === 43;
$("div").data("hidden") === true;
$("div").data("options").name === "John";