使用JQuery更改类中的CSS规则

小编典典

css

我有一个CSS课

.Foo
{
  width:20px;
}

我想使用Jquery在事件上执行类似的操作：

$(".Foo").css("width", "40px");

这行不通。这是错误的方法吗？我应该使用addClass（）和removeClass（）吗？

编辑：我想出了我的问题。实际上，此命令是有效的。在我的特定应用程序中，在使用命令之前，我没有使用类创建元素，因此在创建元素时，没有任何改变。

基本上，此命令不会更改CSS样式规则，只会更改使用该类的元素。

阅读 271

2020-05-16

共1个答案

小编典典

jQuery.css将在页面上找到所有具有该类的现有元素Foo，然后将其
内联样式设置width为40px。

换句话说，这不会创建或更改css规则-如果您在Foo类中动态添加元素，则该元素的宽度仍为20px，因为尚未将其内联样式设置为覆盖默认CSS规则。

相反，您应该在静态CSS中使用addClass和removeClass控制样式。

2020-05-16