描述: 存储任意数据到指定的元素,返回设置的值。
-
添加的版本: 1.2.3jQuery.data( element, key, value )
-
element类型: Element要存储数据的DOM对象
-
key类型: String存储的数据名
-
value类型: Object新数据值
-
注意:这是一个底层的方法,你应该用.data()
代替。
jQuery.data()
方法允许我们在DOM元素上附加任意类型的数据,避免了循环引用的内存泄漏风险。如果 DOM 元素是通过 jQuery 方法删除的或者当用户离开页面时,jQuery 同时也会移除添加在上面的数据。我们可以在一个元素上设置不同的值,并获取这些值:
1
2
|
|
注意: 这个方法目前并不提供在XML文档上跨平台设置,作为Internet Explorer不允许在XML文档中通过自定义属性附加数据。
例子:
在 div 元素上先存储再获取数据。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
|
描述: 返回用jQuery.data(element, name, value)
储存在元素上的相应名字的数据,或者元素上完整的数据存储
-
添加的版本: 1.2.3jQuery.data( element, key )
-
element类型: ElementT要关联数据的DOM对象
-
key类型: String存储的数据名
-
-
添加的版本: 1.4jQuery.data( element )
-
element类型: Element要关联数据的DOM对象
-
注意这是一个底层的方法,你应该用.data()
代替。
关于 HTML5 data-* 属性: 这个低层次的方法不检索的data-*
属性, 除非.data()
方法已经返回了它们。
jQuery.data()
方法允许我们在DOM元素上附加任意类型的数据,避免了循环引用的内存泄漏风险。我们可以在一个元素上设置不同的值,并获取这些值:
1
2
|
|
上面几行代码alert body
元素上设置的值。若果先前没有设置任何值,那么将返回一个空字符串。
调用jQuery.data(element)
时将获取一个JavaScript对象,它包含了元素上所有存储的数据。jQuery内部自身使用这个方法来绑定数据,如事件处理器,所以不要以为这对象只包含你的代码中储存的数据。
注意: 这个方法目前并不提供在XML文档上跨平台设置,作为Internet Explorer不允许XML 文档中通过自定义属性附加数据。
例子:
获取存放在元素上名叫 “blah” 的数据。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
|
转载请注明:悠然品鉴 » jQuery .data() 用法 手册 | 示例代码