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

Question

花了几天时间试图修复一些东西，但不知道如何。在我的 index.html 页面中，我有许多带有一个名为“input”的类的 div。当浏览器窗口小于 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 的用户也会看到它
• 无需注册“昂贵的”调整大小监听器
• 当您升级时，您不需要input再次添加该类，因为您从未将其删除（以及您如何知道首先将其添加到何处）

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

Answer 2

您正在检查宽度是否大于960。

尝试这个：

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

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