HTML5 data-* 自定义属性

读写

• 添加了一个data-*的自定义属性
• 读写时连字符需要转化为驼峰命名
• 添加或读取属性的时候需要去掉前缀data-*

和getAttribute/setAttribute的关系

getAttribute/setAttribute可以操作所有的dataset内容，dataset内容只是attribute的一个子集，特殊就特殊在命名上了，但是dataset内只有带有data-前缀的属性（没有age=25那个）。

jQuery data方法

$("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
});

$("#btn2").click(function(){
    alert($("div").data("greeting"));
});

同样要去掉data-前缀, data-前缀仅表示数据统一存放到dataset对象