上个月一直再做前端的东西,接触到了data-*这个东西。其实以前也在Bootstrap的代码里看到过,以为是Bootstrap的标准,没在意。现在才发现这是html5的标准,浏览器得支持html5才能使用,所以IE9以下的都跪了。

(其实,同样是老版本,Chrome,firefox什么的都有老版本,但没有人说有问题,因为都能版本更新,但奇葩的IE,IE6,IE8,IE9等等这些都像是不同的产品一样,点击浏览器上的检查版本,不会给你升级到最新版本的IE。)

dataset的操作很简单

<a id="test">测试文字</a> 为例

赋值:dom.data-aa=bb;

取值:dom.data-aa;

赋值过后变成<a id="test" data-aa="bb">测试文字</a>

如果是jquery呢

赋值:$("xx")[0].data-aa=bb;

取值:$("xx")[0].data-aa;

很方便


----------------------------------2015-12-12更新-----------------------------------------

上面其实是转成了js对象再取dataset的值

jquery有自己的方法

$("xx").data("aa")

赞助本站,网站的持续发展离不开你们的支持!一分也是爱ヾ(◍°∇°◍)ノ゙
 本文链接: ,花了好多脑细胞写的,转载请注明链接喔~~
登陆
      正在加载评论
 书籍推荐