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对象

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容