关于H5自定义属性

作用

自定义数据属性是为了保存页面或者应用程序的私有自定义数据，

这些自定义数据属性保存进DOM中，对于整个DOM的布局和表现无任何影响，

但是却可以方便操控整个网页的交互以及想要表达的效果。

自定义属性的设置

• 直接在标签中设置：

<div id="box" data-age="21">test</div>

• 通过js设置

var box = document.getElementById('box')
box.dataset.age = '21'

• 通过jQuery设置

$('#box').attr('data-age','21')
或者
$('#box').data('age','21')

自定义属性的获取

• 使用js获取

var box = document.getElementById('box')
box.dataset.age

• 使用jQuery获取

$('#box').attr('data-age')
或者
$('#box').data('age')