如何从所有div中删除某个类？

Question

花了几天时间试图修复但不知道怎么做。 在我的index.html页面中，我有许多div，其中有一个名为“input”的类。 当浏览器窗口小于960像素时，我需要删除所有div的这一类。这是我的代码：

$(window).resize(function() {
    if ($(window).width() < 960) {
        $("div").removeClass("input");
    }
});

Answer 1

你有没有考虑过css媒体查询？

@media (max-width: 960px) {
  .input {
    // counter the styling from your default styles
  }
}

js的一些优点：

• 使用js diabled的用户也会看到它
• 无需注册“昂贵的”调整大小监听器
• 当你升级时，你不需要再次添加input类，因为你从未删除它（你怎么知道在哪里首先添加它）

我总是首先尝试使用css解决方案，在这种情况下，它绝对是正确的做法......

Answer 2

您正在检查宽度大于 960。

试试这个：

$(window).resize(function() {
    if ($(window).width() < 960) {  // switched '>' to '<'
        $("div.input").removeClass("input");
    }
});

请记住，一旦宽度降至960以下，将窗口大小增加到960以上将不会再添加输入类。