Question

是否可以使用jQuery更改css类？例如，如果我定义了这个类：

.my-class{
  right:10px;     
}

现在我想把它改成

.my-class{
  right:20px;     
}

无需用$（“。myClass”）选择此类的所有元素。我想这样做的原因是我在js中运行时添加了很多元素，提前交换类定义会很好。

.myClass是在css文件中定义的，否则我想我可以用jsf / jstl更改它的定义，只要它在页面上。

Answer 1

从技术上讲，您可以使用document.styleSheets对象使用Javascript编辑样式表，但您可能会发现它的工作量远远超过它的价值。阅读这篇文章，了解它是多么混乱：http://www.quirksmode.org/dom/changess.html

Answer 2

如果我这样做，我会使用内联样式。

<div style="right:20px"><!-- blank --></div>

$('div').css('right','10px');

另一个选项是有两个类，并使用toggleClass()

在它们之间切换

<div class="right10"><!-- blank --></div>

$('div').toggleClass('right20');

Answer 3

添加第二个类并在添加元素时将其设置为第二个类？或者，您可以在运行时换出样式表。