-_-#【jQuery】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>