如何使用jQuery .attr()更改ID字体大小

Question

我正在尝试使用jQuery方法.attr((更改ID的字体大小，如下所示：

$("#level-title").attr("font-size", "1rem");

不起作用。

此ID当前正在我的外部CSS中安装：

#level-title {
  font-family: 'Press Start 2P', cursive;
  font-size: 3rem;
  margin: 2%;
  color: #FEF2BF;
}

我如何使用jQuery将其字体大小更改？

我的完整样式表可以在这里看到：

https://github.com/raschmitt/simon-game/blob/master/styles.css#l17

和我的JS文件：

https://github.com/raschmitt/simon-game/blob/master/game.js#l48

Answer 1

要使用jQuery管理元素的样式，您必须使用 .css()

$("#level-title").css("font-size", "1rem");

，但是不是首选，您仍然可以通过设置 style 属性来使用attr()：

$("#level-title").attr("style", "font-size: 1rem");

Answer 2

使用.css()

$("#level-title").css("font-size", "1rem");