js如何动态添加class？如何使用JavaScript动态添加、删除和切换元素的CSS类的简单介绍

如何用js动态设置class属性

1、获取与设置样式：使用JQuery的attr（）方法可以获取和设置HTML元素的class属性。例如，要获取p元素的class属性，可以编写如下代码：var p_class = $（p）.attr（class）；要设置p元素的class属性为high，可以使用 $（p）.attr（class， high）；这通常会替换原有的class值，而非追加新的class。

2、设置class的方法：开关思想 开关思想：定义一个变量，这个变量决定了一个状态。当触发时，根据这个变量的值，相应的操作。操作完成后，还需要修改这个变量的值。比如：点击按钮，显示或隐藏div。

3、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。是className，可不是class 注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

4、ment.style.tProperty；方法允许设置CSS属性，并可以指定！important优先级。修改class属性：通过改变元素的class属性来应用不同的CSS样式。例如，使用ment.className = newClass；。这种方法特别适用于通过改变伪元素父级的class属性来动态修改伪元素样式。

vue实现点击后动态添加class及删除同级class

大体思路：声明一个初始变量currentIndex，为0 就是第一个，为1就是第二个默认显示。

在manage.py同级目录下创建uwsgi.ini文件，配置如下： 测试效果命令： 如果访问：xxx.xxx.xxx.xx：8000成功，则uwsgi.ini配置成功 我的nginx.conf所在位置是“/etc/nginx/nginx.conf” 配置文件如下： 第一行 主要就是给nginx加权限，vue部署后使用history路由时会去掉后面的‘#’号，打包部署后不加权限会有bug。