HTML5自定义属性data和jquery的data()方法

HTML5自定义属性data

注意：

• 属性名 "data-" 之后必须有至少一个字符且只能小写，如果data-后面的单词有大写，例如 myName，将会转存成小写 myname。
• 如果data-后面包含了“-”，如 date-e-name，"-"会去掉，并转换成为骆驼峰式的命名 eName。因为JSON Object 的key不能包含“-”。
• 属性值可以是任意字符串

在获取自定义属性的值时，使用dataset属性，然后通过自定义属性的名称(即data-后的值)获取值。dataset是JS5规范中新增加的属性，用于和data-*配合使用。
删除一个data-*属性，请使用 delete dataset.cname或者dataset.name=null;

data-*属性只兼容Chrome 8+ Firefox(Gecko) 6.0+ Internet Explorer 11+ Opera 11.10+ Safari 6+的浏览器中实现了此标准。
 

jQuery.data() 方法

可以获取自定义属性“data-*"的值；也可以向被选元素附加数据，或者从被选元素获取数据。

区别：通过jquery的data()方法，只是在元素存储了一个新值，添加的数据不会显示在HTML标记中，而且可以存储一个对象。

多数情况，应该通过.data()在元素上存取数据。