前端如何增加、删除和修改css样式

事情的起因是这样的，我们公司有个项目的多个页面引用的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