![会div+css的看看这句data-css是什么意思,第1张 会div+css的看看这句data-css是什么意思,第1张](/aiimages/%E4%BC%9Adiv%2Bcss%E7%9A%84%E7%9C%8B%E7%9C%8B%E8%BF%99%E5%8F%A5data-css%E6%98%AF%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D.png)
根据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'))// 你就这么把数据给取出来了!!
})