Olá amigos Estou tentando adicionar uma classe ao corpo dinamicamente, dependendo da resolução da janela do navegador. Aqui está o código que estou tentando usar, mas preciso de ajuda para ajustá-lo, pois não conheço o jQuery.

As opções que eu quero alcançar são:

Quando um visitante chega ao meu site, esse código deve verificar o tamanho das janelas do navegador e adicionar classe ao corpo, de acordo com as seguintes regras

Se o tamanho da janela formais que 1024pxmas menos que 1280px e depois adicionar classe.w1280.

Se o tamanho da janela formais que 1280pxmas menos que 1440px e depois adicionar classe.w1440.

Se o tamanho da janela formais que 1440pxmas menos que 1280px e depois adicionar classe.w1680.

Se o tamanho da janela formais que 1680px, em seguida, adicione classe.wLarge.

Para conseguir isso, estou tentando usar o seguinte script. Minhas perguntas são:

É este ocódigo correto? Se não, qual é o código correto?

Este é o melhormais curto possível código? Caso contrário, qual será o código correto?

Por favor, ajuda como meu conhecimento de jQuery é quase zero.

function checkWindowSize() {  
    if ( $(window).width() > 1024) { 
        $('body').addClass('w1280');  
        } else {  
        $('body').removeClass('w1280');  
    } 
    if ( $(window).width() > 1280 ) { 
        $('body').addClass('w1440');  
        } else {  
        $('body').removeClass('w1440');  
    } 
    if ( $(window).width() > 1440) { 
        $('body').addClass('w1680');  
        } else {  
        $('body').removeClass('w1680');  
    } 
    if ( $(window).width() > 1600) { 
        $('body').addClass('wLarge');  
        } else {  
        $('body').removeClass('wLarge');  
    } 
}    
checkWindowSize()