jQuery的data()方法

日期：2013-12-16  来源：攀枝花惠康网络公司

data-属性是在第一次使用这个数据属性后不再存取或改变（所有的数据值都在jQuery内部存储）。

更多参阅：

在此之前，接待先阅读HTML 5 的data-* 自界说属性。

如不美观你使用jQuery类库，那么你可以很是愉悦的使用jquery的data()体例存取data-*自界说属性，体例许可我们在DOM元素上绑定肆意类型的数据,避免了轮回引用的内存泄露风险。首要的体例如下：

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

年夜jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。

例如HTML：

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

下面的 jQuery代码都是返回 true 的：

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

和html5的api分歧的是，jQuery会考试考试将字符串转换为一个JavaScript值（搜罗布尔值（booleans），数字（numbers），对象（objects），数组（arrays）和空（null））。如不美观这样做不会改变数值的暗示，那么该值将转换为一个数字（number）。例如，“1E02”和“100.000”是等同于数字（数字值100），但将转换它们会改变他们的暗示，所以他们被保留为字符串。字符串值“100”被转换为数字100。

如不美观数据(data)属性是一个对象（以“{”起头）或数组（以’[‘起头），可以用jQuery.parseJSON 将其解析成字符串；它必需遵循有用的JSON的语法，搜罗带双引号的属性名称。如不美观该值不能解析为一个JavaScript值，它将被保留为字符串。

如不美观想将掏出的属性值直接算作字符串的话，请使用attr()体例。

挪用 .data() 时如不美观不带参数，将会以 JavaScript 对象的形式获取所稀有据。这个对象可以平安的存放在变量中，因为一旦这个新对象被提掏出来，之后对元素进行的 .data(obj)操作，将不会再影响这个对象。此外，直接操作这个对象会比每次挪用 .data() 来设置或获取值要快一些。

http://www.css88.com/jqapi-1.9/data/