周梦康 发表于 2014-06-28 3229 次浏览 标签 : html5

由于没做手机web开发,所以也没怎么接触html5,只是一直看别人代码里要给某个html标签里放数据都是使用data-xxx的格式,所以我也这样在写。我一直以为这样只是方便识别这是一个自定义的数据属性。今天在控制台查看,发现原来这已经是html5里面的一个自定义属性的标准格式。

例如下面这个img元素

<img data-original="http://www.baidu.com/img/baidu_sylogo1.gif?1" data-name="test" height="100">

使用jquery选中之后,在控制台的输出如下

原来在标签里加的 data-xxx 自定义属性是 html5 的 dataset 属性啊

对于上面的例子来说console.log($("img").attr("data-name"))console.log($("img")[0].dataset.name)是等效的,但是pc并非手机,所以还是采用前者比较保险。

评论列表