css中的 data-spm是什么特性

html-css017

css中的 data-spm是什么特性,第1张

没什么特别的地方,其实好比某个元素(可能是个div)给你一个口袋,名字必须以data开头,加上“-”,他们就是你自己命名的小口袋,在本例中的这个小口袋的名字是data-spm,你把数据放在这个专属小口袋中,然后在使用js的时候,你就可以在专用的小口袋中抓取数据进行使用,也可以想象成在有名字的存钱罐下把钱拿出来用,使用的例子如下(记得自己提前加载JQuery)

<div class="click-me" data-spm="我是在spm中的数据,你可以把我取出来用额!">

    我就是个div

</div> $('.click-me').click(function(){

       alert($(this).data('spm'))// 你就这么把数据给取出来了!!

})

data-为前端开发者提供自定义的属性,这些属性集可以通过对象的dataset属性获取,不支持该属性的浏览器可以通过getAttribute方法获取。ppk提到过使用rel属性,lightbox库推广了rel属性,HTML5提供了data-做替代,这样可以更好地使用自定义的属性。

-atp为自定义的函数