同志们，下午好，帮我看看这段代码的意思，解释个我听听，O(∩_∩)O谢谢

Question

同志们，下午好，帮我看看这段代码的意思，解释个我听听，O(∩_∩)O谢谢var grid_animating;$(window).keypress(function (e) {
if (e.which == 103)
{

if(!grid_animating)
{
grid_animating = true;

if($("body.grid").length > 0)
{
$("body").removeClass("grid");
}
else {
$("body").addClass("grid");
}
}
}
});function checkWindowSize() {

if ( $(window).width() < 950 ) {
$('body').addClass('small');
}
else {
$('body').removeClass('small');
}

}$(window).resize(checkWindowSize);
$(window).load(checkWindowSize);

Answer 1

用 addEventListener / attachEvent 给DOM添加事件

Answer 2

var grid_animating;$(window).keypress(function (e) {//页面上有按键时触发该事件
    if (e.which == 103)//如果按下"/"键，执行
    {
    
    if(!grid_animating)
    {
        grid_animating = true;//仔细体会下，好像是这个只执行一次，若开始grid_animating为
false,然后就会执行一次    
        if($("body.grid").length > 0)
        {
            $("body").removeClass("grid");
        }
        else {
            $("body").addClass("grid");
        }
    }
    }
});function checkWindowSize() {
    //如果此时窗口的宽度小于950，给body添加一个类名：small（即css.small的属性应用到body上），反之，将原本small的属性去除
    if ( $(window).width() < 950 ) {
        $('body').addClass('small');
    }
    else {
        $('body').removeClass('small');
    }
    
}$(window).resize(checkWindowSize);//页面放大缩小时执行
$(window).load(checkWindowSize);//页面加载完毕后也执行

Answer 3

3楼没解释完的我来解释一下 if($("body.grid").length > 0)
        {
            $("body").removeClass("grid");//移除body的css样式grid
        }
        else {
            $("body").addClass("grid");//给body增加css样式grid
        }