Jquery 更改手机的css类

我在wordpress网站上有以下代码

<article class="post-featured post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video post-6792 post type-post status-publish format-video has-post-thumbnail hentry category-tech post_format-post-format-video post-visible" style="background-image: url(http://http://theoldcontinent.mgtestsite.com/wp-content/uploads/2017/07/Schermafbeelding-2017-07-10-om-18.54.13-530x300.jpg);" data-video="http://www.youtube.com/watch?v=GnfNta6SosA">
::before
 <span class="overlay-label"><i class="icon icon-ribbon"></i></span>
  <div class="overlay-container"></div>
  <a href="http://theoldcontinent.mgtestsite.com/watch-the-1961-chevrolet-corvette-the-definition-of-cool/" class="overlay-link"></a>
</article>

我需要使用哪个选择器？我试过了，但什么都没发生：

$('article').removeClass("post-grid.overlay.overlay-ratio.overlay-ratio-vertical.parallax-video");

---

如何删除样式和数据视频。而所有这些都只针对手机？最大宽度：600px

您可以使用此选项删除类

最后答覆：

 var window_weight = $(window).width();
    if (window_weight <= 600) {
        $('article').removeClass('post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video');

    }

选项1 使用准确的类名，并在每个类名中添加空格

$('article').removeClass('post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video');

选项2

您可以像这样使用多个removeClass

$("article").removeClass("post-grid").removeClass("overlay ").removeClass("overlay-ratio") ...;

$('article').removeClass("post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video");

---

您可以使用此选项删除类

最后答覆：

 var window_weight = $(window).width();
    if (window_weight <= 600) {
        $('article').removeClass('post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video');

    }

选项1 使用准确的类名，并在每个类名中添加空格

$('article').removeClass('post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video');

选项2

您可以像这样使用多个removeClass

$("article").removeClass("post-grid").removeClass("overlay ").removeClass("overlay-ratio") ...;

$('article').removeClass("post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video");

---

我想应该是这样

$("article").removeClass("post-grid").removeClass("overlay ").removeClass("overlay-ratio") ...;

$('article').removeClass("post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video");

---

用“[space]”替换“.”

我想应该是这样的

$("article").removeClass("post-grid").removeClass("overlay ").removeClass("overlay-ratio") ...;

$('article').removeClass("post-grid overlay overlay-ratio overlay-ratio-vertical parallax-video");

---

将“.”改为“[space]”

使用javascript检查设备

 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
     // add code for removing classes here
    }

---

使用javascript检查设备

 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
     // add code for removing classes here
    }

使用Modernizer（）

Modernizr.mq允许您以编程方式检查当前浏览器窗口状态是否与媒体查询匹配。

在自定义脚本中使用此选项

if (Modernizr.mq('(max-width: 600px)')) {
  //Code goes here 
}

使用Modernizer（）

Modernizr.mq允许您以编程方式检查当前浏览器窗口状态是否与媒体查询匹配。

在自定义脚本中使用此选项

if (Modernizr.mq('(max-width: 600px)')) {
  //Code goes here 
}

---

---

在

removeClass（）

的第一个类中缺少一个

，您需要将

替换为space

“

应该是

$（'article'）。removeClass（“网格后叠加垂直视差视频”）$（'article'）.removeClass（“后栅格覆盖率垂直视差视频”）；不确定这会有多有效，需要看看你的html/css。因为这可能会破坏整个风格的'文章'标签！！！这是多个类，因此您可以使用单独的removeClass，这有助于您更好地使用它，因为每个类都有一个单独的空格和其他东西，并且不包括
前缀。我还强烈建议您为此使用CSS媒体查询，而不是使用JS对UI中的类进行黑客攻击。您在
removeClass（）的第一个类中缺少
，您需要将
替换为space
，“
应该是
$（'article'）。removeClass(“后栅格覆盖率垂直视差视频”）；
$（“文章”）.removeClass（“后栅格覆盖率垂直视差视频”）；不确定这会有多有效，需要看看你的html/css。因为这可能会破坏“article”标记的整个样式！！！这是许多类，所以你可以使用单独的removeClass，这有助于你更好地使用，因为有空间和其他东西将每个类用一个空格隔开，并且不包括
前缀。我也希望我建议您使用CSS媒体查询，而不是使用JS在UI中破解类。我如何仅为移动设备（比如最大宽度600px）删除它？@LTech我不确定您想要哪个，您想在最大宽度600px或其他情况下删除此类？是的，我只想为移动设备删除类。当最大屏幕宽度为600px时。只有600或600或更少？请检查我的更新答案，最大宽度为600或更少，然后删除它。我如何仅为移动设备删除它？例如最大宽度为600px？LTech我不确定您想要哪个，您想在最大宽度为600px时删除此类还是其他？是的，我只想删除移动设备的类。当最大屏幕宽度为600px时。仅600 or 600或更小？检查我的更新答案，最大宽度为600或更小，然后删除它似乎不起作用。它在每个浏览器中都受支持吗？我在使用chromedid你添加Modernizer脚本？它应该在每个浏览器中都起作用。似乎不起作用。它在每个浏览器中都受支持吗？我在使用chromedid你添加Modernizer脚本吗？它应该在eve中起作用浏览器。