上个月一直再做前端的东西,接触到了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")
本文探讨了data-*在HTML5中的作用,特别强调了其在前端开发中的应用和IE9以下浏览器的兼容问题。通过实例展示了如何在jQuery中操作data-属性,以及为何它在旧版IE中的局限性。
426

被折叠的 条评论
为什么被折叠?



