如何使用jQuery更改多个元素的样式？

Question

我有一个CSS样式表，其规则如下：

h1, h2, h3, h4, .contentheading, .title{

 font-size: 13px ;
 font-weight: normal;
 font-family: Arial, Geneva, Helvetica, sans-serif ;
}

标签，类是由插件生成的，因此我无法为其添加单个类。

那么，有没有什么方法可以在运行时一次性更改所有元素的样式，而不是逐个浏览它们？

Answer 1

你可以像在Css中一样在jQuery中做多个选择器。也许不是最好的表现，但会起作用。

$('h1, h2, h3, h4, .contentheading, .title').css('color', 'red');
$('h1, h2, h3, h4, .contentheading, .title').addClass('someOtherClass');

Answer 2

使用jQuery非常简单。只需使用有问题的选择器作为jQuery选择器，然后更改css。所以JavaScript / jQuery代码就是这样，假设您想要更改font-size和font-weight：

$('h1, h2, h3, h4, .contentheading, .title').css({
  'font-size': '17px',
  'font-weight': 'bold'
});

听起来你是jQuery的新手，你可能想熟悉docs和api网站。

Answer 3

在CSS中：

* {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Geneva, Helvetica, sans-serif;
}

Answer 4

$('h1,h2,h3,h4,.contentheading,.title').css({ 'color': '#fff' });

Answer 5

由于此问题标记为jQuery，因此使用*选择器可帮助您获取所有元素。然后，您可以使用css方法更改样式。

$('*').css();

在CSS中，您可以使用相同的*选择器将一些样式应用于所有元素，但请确保将其放在CSS文件的最后，以便覆盖所有其他规则。

* {
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Geneva, Helvetica, sans-serif;
}