-_-#【jQuery】data

时间:2021-12-29 14:36:16

.data()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body data-last-value="43" data-options='{"name": "John"}'>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script>
<script>
/**
* 在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值
* 从jQuery 1.4.3起, HTML 5 data- 属性 将自动被引用到jQuery的数据对象中
* .data(key, value)
* .data(obj)
* .data(key)
* .data()
*/
$('body').data('foo', 52)
$('body').data({baz: [1, 2, 3]}) // 在 jQuery 1.4.3 用.data(obj)设置一个元素的数据对象可以扩充元素上原先存储数据
console.log($('body').data())
console.log($('body').data('options').name)
console.log(typeof $('body').attr('data-options')) // string
</script>
</body>
</html>