如何使用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。 因此，假設您想更改font-size和font-weight ，那么JavaScript / jQuery代碼就是這樣：

$('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;
}