关于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')
原文地址:https://www.cnblogs.com/xufeng1994/p/10425473.html