Как изменить цвет слов в 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(''), но они не правы.Я не нашел никаких полезных ответов с Google.

Answer 1

Вы можете настроить таргетинг на элемент следующим образом:

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

, который нацелен на элемент по его идентификатору.Или

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

Answer 2

Чтобы изменить цвет элемента с помощью Jquery, вы можете использовать атрибут css

Код будет:

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