css中data-dismiss是什么方法?

html-css022

css中data-dismiss是什么方法?,第1张

data-dismiss是bootstrap里自定义的属性。

给一个元素data-dimiss属性的话,可以通过点击该元素达到让目标消失的效果。

data-* 属性是HTML5中推荐使用 用于绑定元素数据的一个属性。

CSS(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表:外部样式表、内部样式表和内联样式。

CSS具有精简代码,降低重构难度、提升网页访问速度、利于SEO优化等优势,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

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

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

    我就是个div

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

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

})

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