在移动视口隐藏或删除 div 类？

首先，我非常了解 CSS 媒体查询。我的问题是这样的：当你将 div 类堆叠在一个 div 中时；例子：

<div class="class1 class2"></div>

并且您想删除“class2”@media（最大宽度：768px） 创建以下输出：

<div class="class1"></div>

...一旦达到 768px 阈值。

到目前为止，我除了这个非功能性代码之外什么也没想出：

<script>
 jQuery(document).resize(function () {
  var screen = $(window)    
   if (screen.width < 768) {
    $(".class2").hide();
  }
     else {
       $(".class2").show();
      }
  });
</script>

我真的很难找到适合这个问题的答案。我不想阻止整个 div 的内容！只需删除两个类之一。

我不确定我是否明白这一点，但是您只是想切换课程吗？

$(window).on('resize', function () {
    $('.class1').toggleClass('class2', $(window).width() < 768);
});

FIDDLE http://jsfiddle.net/pA7Ft/

jQuery 有添加类（） http://api.jquery.com/addClass/, 移除类() http://api.jquery.com/removeClass/ and 切换类（） http://api.jquery.com/toggleClass/方法容易获得。

注意screen已经在 javascript 中定义了。