jquery - 如何在特定屏幕尺寸下使用 jquery 删除 css 类

Question

我有一个带有类的 div，当窗口调整为移动视口(viewport)时，我希望删除该类。

<div class="box"></div>

Answer 1

您只需使用媒体查询就可以做到这一点。但是，如果您正在寻找 jquery 中的解决方案，那么您可以使用 toggleClass像这样的方法:

$(window).on('resize',function(){
  var size = $(window).width();//get updated width when window is resized
  $('.box').toggleClass('box', size > 1067);//remove class only in less or equal to 1067
}).resize();//trigger resize on load