<!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>
原文：http://www.cnblogs.com/jzm17173/p/3600905.html