javascript - 如何使用 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");