事情的起因是这样的,我们公司有个项目的多个页面引用的css文件是同一个,今天做一个需求的时候发现需要重新修改某个元素的样式,但是我不想修改文件中元素的class或者id然后再在css文件中新增样式,因为就一两个样式,然后也怕会影响其他地方。所以可以通过jquery或者js动态的修改某个元素的样式。
比如:
我有个div,是这样的:
<div id="div1" style="width:8px;height:88px">
但是我在另一个页面并不想显示这个样式,那么就可以移除这个style,那么就可以这样写:
$("#div1").removeAttr("style","");
如果我只想移除width属性,那么可以这样:
$("#div1").css("width","");
如果我不想移除任何属性,但是想修改一下width的值,那么可以这样:
$("#div1").css("width","16px");
如果想要添加一个样式,比如添加背景色,那么可以这样:
$("#div1").css("background","red");
有兴趣或者需要的同学的可以微信搜索关注【1024笔记】,后台回复关键字即可免费获取海量的编程相关的学习资源(电子书、视频、源码、完整项目、面试宝典),涵盖java、python、c、前端、人工智能、大数据、数据分析等等,有任何问题都可以后台留言交流讨论,希望能对你有帮助。
整理的笔面试题在https://github.com/JiangXia-1024/Interview,欢迎下载或star