会div+css的看看这句data-css是什么意思

html-css013

会div+css的看看这句data-css是什么意思,第1张

根据hrml5的定义,有元素的自定义data-属性,即在任何元素内添加自定义的data-前缀的属性,比如data-options,data-value等,在JQ中$(seleter).data("后缀"),获取该data-的值,比如你定义个data-value=‘123’ 在jq中$().data("value")就返回”123“,所以你说的这个data-css也是开发者自定义的属性

根据hrml5的定义,有元素的自定义data-属性,即在任何元素内添加自定义的data-前缀的属性,比如data-options,data-value等,在JQ中$(seleter).data("后缀"),获取该data-的值,比如你定义个data-value=‘123’ 在jq中$().data("value")就返回”123“,所以你说的这个data-css也是开发者自定义的属性

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

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

    我就是个div

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

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

})