通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。然后在style标签里声明一个class样式，如下图所示。
网站建设、成都网站设计,成都做网站公司-创新互联公司已向成百上千企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。
获取和设置样式 (#tow).attr(class)//获取ID为tow的class属性 (#two).attr(class，divClass)//设置Id为two的class属性。
首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。
引入jquery库，然后新建一个script标签，在这个标签里为changeBg()点击事件添加修改按钮的背景色。
JQ修改样式：(选择器名称).css({属性名“：属性值，属性名“：属性值，属性名“：属性值})；属性可写多个也可以写一个。
CSS样式修改：jQuery中还有一些方法直接返回或者设置元素的CSS属性。css()：读操作： 获取匹配元素集合中第一个元素的指定样式值(一个或多个)。注：读取多个样式值的操作是在jQuery v9才加入的。
JQ为CSS添加样式，可以使用jQuery CSS 操作 的css() 方法 定义和用法 css() 方法返回或设置匹配的元素的一个或多个样式属性。设置 CSS 属性 设置所有匹配元素的指定 CSS 属性。
CSS样式 该页面切换特效中使用body：before和body：after伪元素在页面切换过程中创建两个遮罩层来遮住页面内容。它们的定位是固定定位，高度等于50vh，宽度为100%。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 margin：30px）。字符串值无法创建动画（比如 background-color：red）。
引入jquery 然后给你要设置动画的对象增加或者删除css3动画的类就可以了。
js怎么实现点击一个按钮时样式改变，直到点击下一个按钮时原先的样式没有，当前按钮显示那个样式。
1、scss文件定义变量 js中更改$textColor 变量的值 都是获取DOM 通过DOM分别修改当前DOM样式属性值、当前DOM整体css样式、修改当前DOM的className类名、将link引入的标签作为DOM 修改link的href，从而修改引用的样式表。
2、既然你都用了byClassName，说明他们都有同一个类名，你直接再css里面改这个类名的样式就行了。你要用js修改，你修改的是内联样式，那你只有每一个用for循环来修改。
3、我估么着缺点就是吃饱了撑的，没事就别用js设置CSS，还有啊一般来说，修改少量CSS可以直接修改就是document.getElementById(id).style.color=#f00大量修改是改变元素的class名称来实现的。
4、这样应该是不行的吧，或者是我还不会，而且要修改的话直接去css文件修改就好了，如果用js修改的话可以添加新的样式覆盖原来的样式，直接修改类名的话会使得操作复杂度加深，无法很好得进行维护。
before，：after是伪元素并非doom元素，所以jquery无法选择伪元素。如果确实需要实现修改伪元素的样式，可以通过下面的例子。
项目中时常会需要用到使用JavaScript来动态控制为元素(：before，：after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。
引jQuery，然后定义元素的style样式，根据自己的元素来定义，这里随性定义div的style样式。 接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。
JQ修改样式：(选择器名称).css({属性名“：属性值，属性名“：属性值，属性名“：属性值})；属性可写多个也可以写一个。
