addClass to body не будет работать

Question

Я пытаюсь изменить свой фон в течение дня в зависимости от времени, пробовал 4 разных метода и искал здесь, но все еще не могу понять это. Может ли кто-нибудь сказать мне, что я делаю неправильно? Заранее спасибо!

$(document).ready(function(){ 
    var d = new Date(); 
    var n = d.getHours(); 
    if (n > 6 || n < 10) 

     $(body).addClass('two'); 
    else if (n > 10 && n < 17) 
     $(body).addClass('one'); 
    else if (n > 17 && n <= 19) 
     $(body).addClass('three'); 
    else 
     $(body).addClass('five'); 
}); 

CSS

.one{ 
    background-image: linear-gradient(-179deg, #8EB39E 0%, #CEBD95 26%, #DBBF94 33%, #D48B7A 67%, #8B374E 100%);} 
.two{ 
background-image: linear-gradient(-180deg, #FFEC96 0%, #92C684 65%, #185C34 100%);} 
.three{ 
background-image: linear-gradient(-180deg, #FFEC96 0%, #92C684 65%, #185C34 100%);} 

.five{ 
    background-image: linear-gradient(0deg, #FAF2D8 0%, #F0CCB7 20%, #7F9993 46%, #1E6D74 69%, #0B3134 93%);}` 

Answer 1

Если вы имели в виду HTML-тег body, затем обернуть body в кавычки, как вы бы с любым CSS Selector. В вашем случае $("body").addClass("two");, иначе jQuery будет рассматривать его как переменную.