上个月一直再做前端的东西,接触到了data-*这个东西。其实以前也在Bootstrap的代码里看到过,以为是Bootstrap的标准,没在意。现在才发现这是html5的标准,浏览器得支持html5才能使用,所以IE9以下的都跪了。
(其实,同样是老版本,Chrome,firefox什么的都有老版本,但没有人说有问题,因为都能版本更新,但奇葩的IE,IE6,IE8,IE9等等这些都像是不同的产品一样,点击浏览器上的检查版本,不会给你升级到最新版本的IE。)
dataset的操作很简单
赋值:dom.data-aa=bb;
取值:dom.data-aa;
赋值过后变成测试文字
如果是jquery呢
赋值:$("xx")[0].data-aa=bb;
取值:$("xx")[0].data-aa;
很方便
----------------------------------2015-12-12更新-----------------------------------------
上面其实是转成了js对象再取dataset的值
jquery有自己的方法
$("xx").data("aa")