var newCSS = { "color":"white", "background":"blue", "border":"2px solid red" } // Multiple CSS properties at once: $('h1').css(newCss) 

// Это не работает

Маянк Гоэль

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,

Как уже упоминалось, вы должны вызвать правильное имя переменной newCSS чтобы оно заработало. Вы правильно создали Объект, просто назвали неправильное имя. Если вам нужно сделать это только один раз, вы можете сделать следующее.

 $(function() { $('h1').css({ "color": "white", "background": "blue", "border": "2px solid red" }); }); 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div class="content"{amp}gt; {amp}lt;h1{amp}gt;Title 1{amp}lt;/h1{amp}gt; {amp}lt;p{amp}gt;Description{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; 

 var newCSS = { "color":"white", "background":"blue", "border":"2px solid red" } // Multiple CSS properties at once: $('h1').css(newCSS ) 

Вы инициализировали переменную newCSS и используете newCss

Рабочая Демо

 {amp}lt;!DOCTYPE html{amp}gt; {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script{amp}gt; $(document).ready(function(){ var newCSS = { "color":"yellow", "background":"blue", "border":"2px solid red" } // Multiple CSS properties at once: $('h1').css(newCSS); }); {amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;h1{amp}gt;fgfdgfdgfd{amp}lt;/h1{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

Вот скриншот деталей отладки Chrome
Нет проблем с Object со стилями. Одна возможность, что если у {amp}lt;h1{amp}gt; есть дочерние и дочерние элементы, css переопределит родительский {amp}lt;h1{amp}gt; .

 {amp}lt;h1{amp}gt; {amp}lt;a style="color: black"{amp}gt; Title {amp}lt;/a{amp}gt; {amp}lt;/h1{amp}gt;