如何使用引用$ jumbotron更改jumbotron中单词的颜色？

Question

我正在学习网页设计和js。在我的网页上，我定义了jumbotron h2的默认颜色是黑色。

.jumbotron h2{
    text-align: center;
    color:black;
}

定义参考var $ jumbotron = $（'。jumbotron h2'）; 在运行时，我使用$jumbotron.html('hellow world'); ......显示一些单词，我想更改其颜色，但是我不知道如何在运行时设置新颜色，如何获取颜色值并为变量$ jumbotron分配新值？我已经尝试过$jumbotron.color =或$jumbotron.color('')，但是它们是错误的。我没有找到任何有用的答案与谷歌。

Answer 1

要使用Jquery更改元素的颜色，可以使用css attribute

代码为：

$jumbotron.css("color", "color-code");
// Where color-code you can set the color code like: #0fc0fc

Answer 2

您可以像这样定位元素

document.getElementById("p2").style.color = "blue";

这将通过其ID定位元素。或者

document.getElementsByClassName("jumbotron h2").style.color = "blue";