html5 自定义数据属性 ，也就是 data-* 自定义属性---笔记。
html5 自定义数据属性 ，也就是 data-* 自定义属性。
例如
<div data-last-value="43" data-hidden="true" data-options=‘{"name":"John"}‘></div>
可以有三种方法访问和修改data：
1.使用getAttribute setAttribute 方法 例如 div.getAttribute("data-last-value")
2.使用dataset属性
返回一个集合
div.dataset --> DOMStringMap { options:"{\"name\":\"John\"}", hidden:"true", lastValue:"43"}
可以访问，添加，删除
div.dataset.hidden div.dataset.newAttr = "123" delete div.dataset.hidden
3.使用jquery的data方法
.data( key, value )
.data( key, value )
.data( obj ) --> 设置多个键值对
.data( key )
.data( key )
.data() -->返回一个集合
jQuery比较特殊的是，它会将返回值字符串自动转换为对应的数据类型。
比如上面的 $("div").data() --> {options : {"name":"John"}, hidden: true, lastValue: 43 }
注意：对于dataset属性和jQuery的data方法： data- 属性名如果包含了连字符，例如：data-last-value ，连字符将被去掉，并转换为驼峰式的命名，前面的属性名转换后应该是：lastValue 。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
