小于750px的视口上的jQuery更改类

本文介绍了小于750px的视口上的jQuery更改类的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有.one类，当您在移动设备上以小于700px的视口查看时，我想将该类更改为.two?

I have class .one, and when you view on mobile, on smaller viewport than 700px, I want change that class to .two ?

那怎么可能，谢谢?

推荐答案

您可以使用调整大小"事件:

You can use the "resize" event :

$( window ).resize(function() {
    if ($(window).width() < 700 ) {
       $('.one').addClass('two').removeClass('one');
    } else {
        $('.two').addClass('one').removeClass('two');
    }
});

这篇关于小于750px的视口上的jQuery更改类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！