Javascript 更改元素'；动态CSS类

在使用jQuery的页面上，如果我想从

col-lg-3 form-group

到

我该怎么做

$('.col-lg-3.form-group').toggleClass('col-lg-3 col-lg-8');

.toggleClass

只需根据给定列表切换类名即可

因此，如果您再次运行它，它将恢复到原始状态

.toggleClass

只需根据给定列表切换类名即可

---

因此，如果您再次运行它，它将恢复到原来的状态。

有几种不同的方法，但下面是我要做的

$('.form-group').removeClass('col-lg-3').addClass('col-lg-8');

---

有几种不同的方法，但这里是我要做的

$('.form-group').removeClass('col-lg-3').addClass('col-lg-8');

---

除了Tuvia和jlemm45的答案外，您还可以：

$('.col-lg-3.form-group').switchClass( "col-lg-3", "col-lg-8", 0)

---

除了Tuvia和jlemm45的答案外，您还可以：

$('.col-lg-3.form-group').switchClass( "col-lg-3", "col-lg-8", 0)

---

您可以使用

removeClass（）

和

addClass（）

。下面的代码将搜索同时具有

.col-lg-3

和

.form group

作为类的元素，它将删除这些元素的

col-lg-3

类，并添加

col-lg-8

类

$('.col-lg-3.form-group').removeClass('col-lg-3').addClass('col-lg-8');

$（“.form group.col-lg-3”）.removeClass（“col-lg-3”）.addClass（“col-lg-8”）
。表单组{
颜色：蓝色；
}
.col-lg-3{
文字装饰：下划线；
}
.col-lg-8{
字体大小：50px；}

文本
文本
文本
text
您可以使用
removeClass（）
和
addClass（）
。下面的代码将搜索同时具有
.col-lg-3
和
.form group
作为类的元素，它将删除这些元素的
col-lg-3
类，并添加
col-lg-8
类

$('.col-lg-3.form-group').removeClass('col-lg-3').addClass('col-lg-8');



$（“.form group.col-lg-3”）.removeClass（“col-lg-3”）.addClass（“col-lg-8”）
。表单组{
颜色：蓝色；
}
.col-lg-3{
文字装饰：下划线；
}
.col-lg-8{
字体大小：50px；}

文本
文本
文本
text
简单的方法如下所示

$（'.col-lg-3.form group'）.removeClass（'col-lg-3'）.addClass（'col-lg-8'）

删除
col-lg-3
类，并将
col-lg-8
添加到其class属性中同时包含class
col-lg-3
和
form group
的所有元素中
 简单的方法如下

$（'.col-lg-3.form group'）.removeClass（'col-lg-3'）.addClass（'col-lg-8'）

删除
col-lg-3
类，并将
col-lg-8
添加到其class属性中同时包含class
col-lg-3
和
form group
的所有元素中
 这会将
col-lg-8
添加到
中。没有
col-lg-3
类的表单组
s。这会将
col-lg-8
添加到
中。没有
col-lg-3
类的表单组
中。根据场景，这种方法可能比
.switchClass
或
.toggleClass
更可取，因为它不会意外地以另一种方式发生。既然问题是这样说的，我会选择这个答案。为了提高易读性和安全性（消除歧义），我认为冗长（和一点表现）是一个很好的折衷办法。。toggleClass和switchClass在给定场景中甚至第二次都不起作用，这与它的使用目的背道而驰。。。。我更喜欢在实际来回切换时使用它们。。我认为这在这里没有必要。。因此，我将其简化取决于场景，这种方式可能比
.switchClass
或
.toggleClass
更可取，因为它不会意外地发生在另一种情况下。既然问题是这样说的，我会选择这个答案。为了提高易读性和安全性（消除歧义），我认为冗长（和一点表现）是一个很好的折衷办法。。toggleClass和switchClass在给定场景中甚至第二次都不起作用，这与它的使用目的背道而驰。。。。我更喜欢在实际来回切换时使用它们。。我认为这在这里没有必要。。所以我保持简单