Jquery if不'；行不通

我的jquery代码有问题。问题是，当增加一节课时，如果下一节课开始，那么一天就马上开始了。我怎样才能修好它？谢谢你的回答

$(document).ready(function(){
    $( "#light_switch" ).click(function() {

        if ( $( this ).hasClass( "day_night" ) ) {

            $(".logo").css("background-image", "url('img/CH_logo_web_white.png')");
            $("body").css("background-color", "#374356");
            $("body").css("color", "#8c8c8c");
            $(".info h2").css("color", "#d1d1d1");
            $(".shoot-left .desc h2").css("color", "#8c8c8c");
            $(".shoot-right .desc h2").css("color", "#8c8c8c");
            $("#footer p").css("color", "#d1d1d1");

            $("#light_switch").removeClass("day_night").addClass("night_day");
        }

        if ( $( this ).hasClass( "night_day" ) ) {

            $(".logo").css("background-image", "url('img/CH_logo_web_white.png')");
            $("body").css("background-color", "#FFFFFF");
            $("body").css("color", "#8c8c8c");
            $(".info h2").css("color", "#d1d1d1");
            $(".shoot-left .desc h2").css("color", "#404040");
            $(".shoot-right .desc h2").css("color", "#404040");
            $("#footer p").css("color", "#8c8c8c");

            $("#light_switch").removeClass("night_day").addClass("day_night");
        }
    });
});

<div id="light_switch" class="day_night"></div>

$（文档）.ready（函数（）{
$（“#照明开关”）。单击（功能（）{
if（$（this）.hasClass（“day\u night”））{
$（“.logo”）.css（“背景图像”、“url（'img/chu logo\u web\u white.png'））；
$（“body”）.css（“背景色”，“#374356”）；
$（“body”）.css（“color”和“#8c8c”）；
$（“.info h2”）.css（“颜色”，“d1d1d1”）；
$（“.shot left.desc h2”）.css（“color”，“#8c8c”）；
$（“.shot right.desc h2”）.css（“颜色”和“#8c8c”）；
$（“#页脚p”）.css（“颜色”，“#d1d1”）；
$（“#灯光开关”）.removeClass（“day#u night”）.addClass（“night#day”）；
}
if（$（this）.hasClass（“night\u day”））{
$（“.logo”）.css（“背景图像”、“url（'img/chu logo\u web\u white.png'））；
$（“body”）.css（“背景色”，“#FFFFFF”）；
$（“body”）.css（“color”和“#8c8c”）；
$（“.info h2”）.css（“颜色”，“d1d1d1”）；
$（“.shot left.desc h2”）.css（“color”，“#404040”）；
$（“.shot right.desc h2”）.css（“颜色”，“#404040”）；
$（“#页脚p”）.css（“颜色”，“#8c8c”）；
$（“#灯#开关”）.removeClass（“night#u day”）.addClass（“day#u night”）；
}
});
});

尝试使用like

您可以通过合并选择器来缩短代码，如

 $(".logo").css("background-image", "url('img/CH_logo_web_white.png')");
 $("body").css({"background-color":"#374356","color":"#8c8c8c"});
 $(".shoot-left .desc h2, .shoot-right .desc h2").css("color", "#8c8c8c");
 $("#footer p,.info h2").css("color", "#d1d1d1");     

你可以用

---

“逐渐”是什么意思？“立即开始另一个如果”应该是什么意思？我不确定我是否遵循。。。我建议您将代码简化为一个最小的示例，并重新表述您的问题。

 $(".logo").css("background-image", "url('img/CH_logo_web_white.png')");
 $("body").css({"background-color":"#374356","color":"#8c8c8c"});
 $(".shoot-left .desc h2, .shoot-right .desc h2").css("color", "#8c8c8c");
 $("#footer p,.info h2").css("color", "#d1d1d1");     

$(document).ready(function(){
    $( "#light_switch" ).click(function() {

        if ( $( this ).hasClass( "day_night" ) ) {

            $(".logo").css("background-image", "url('img/CH_logo_web_white.png')");
            $("body").css("background-color", "#374356");
            $("body").css("color", "#8c8c8c");
            $(".info h2").css("color", "#d1d1d1");
            $(".shoot-left .desc h2").css("color", "#8c8c8c");
            $(".shoot-right .desc h2").css("color", "#8c8c8c");
            $("#footer p").css("color", "#d1d1d1");

            $("#light_switch").removeClass("day_night").addClass("night_day");
        }

        else if ( $( this ).hasClass( "night_day" ) ) {

            $(".logo").css("background-image", "url('img/CH_logo_web_white.png')");
            $("body").css("background-color", "#FFFFFF");
            $("body").css("color", "#8c8c8c");
            $(".info h2").css("color", "#d1d1d1");
            $(".shoot-left .desc h2").css("color", "#404040");
            $(".shoot-right .desc h2").css("color", "#404040");
            $("#footer p").css("color", "#8c8c8c");

            $("#light_switch").removeClass("night_day").addClass("day_night");
        }
    });
});