重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
data-dismiss是bootstrap里自定义的属性。
目前成都创新互联公司已为1000+的企业提供了网站建设、域名、网站空间、网站托管、服务器租用、企业网站设计、永春网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
给一个元素data-dimiss属性的话,可以通过点击该元素达到让目标消失的效果。
data-* 属性是HTML5中推荐使用 用于绑定元素数据的一个属性。
CSS(层叠样式表)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。有三种方法可以在站点网页上使用样式表:外部样式表、内部样式表和内联样式。
CSS具有精简代码,降低重构难度、提升网页访问速度、利于SEO优化等优势,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
没有区别,只是写法不一样,在原生的写法上会导致出现的问题就是:样式如果比较多,代码看起来混乱。
在vue中,把style放在date里面来传递这样代码看起来整结,方便阅读。
但是他们最终的效果都是一样的
没什么特别的地方,其实好比某个元素(可能是个div)给你一个口袋,名字必须以data开头,加上“-”,他们就是你自己命名的小口袋,在本例中的这个小口袋的名字是data-spm,你把数据放在这个专属小口袋中,然后在使用js的时候,你就可以在专用的小口袋中抓取数据进行使用,也可以想象成在有名字的存钱罐下把钱拿出来用,使用的例子如下(记得自己提前加载JQuery);
div class="click-me" data-spm="我是在spm中的数据,你可以把我取出来用额!"
我就是个div
/div
$('.click-me').click(function(){
alert($(this).data('spm'));// 你就这么把数据给取出来了!!
});