如何将CSS选择器与jQuery一起使用？

当访问者第一次访问我的网站时，汉堡菜单链接会闪烁几毫秒

问题参考 图片： 视频：

我正在使用WordPress，为了解决这个问题，我正在考虑为暴徒设备隐藏汉堡包图标。最初在页面加载时

所以，我在head部分添加了这个CSS代码

@media only screen and (max-width: 960px){
.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {
    display: none;
}
}

这很有效

但是，现在我希望当页面完成加载时，我想显示汉堡包图标

---

为什么?？假设jquery.js和responsive-menu.js已经在浏览器中呈现。请帮忙。谢谢

只需选择所需内容，然后添加css：

  $(".genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon").css('display','block!important');

如果要添加多个css，请执行以下操作：

.css({'display':'block','color':'red'});

以下是解释： 或者通过addClass

在css中，您必须添加

供您编辑：

---

您的代码同时具有JavaScript和Css，您不能这样做

您可以将样式添加到CSS文件，如下所示：

.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {
  display: block !important;
}

$('.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon').css({'display': 'block !important'});

或者您可以从JS/Jquery代码中更改CSS，如下所示：

.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon {
  display: block !important;
}

$('.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon').css({'display': 'block !important'});

---

.genesis-nav-menu.responsive-menu.menu项，.responsive菜单图标这是您要显示的：block？？？？？是。我想用jquery为.genesis-nav-menu.responsive-menu.menu项、.responsive菜单图标css做点什么。由于选择器很长，我无法调整。$'.menu item'.css{'display'：'block！important'}；谢谢，我将尝试一下。$function{$.genesis-nav-menu.responsive-menu.menu项，.responsive-menu-icon.show；}；-在这个问题上我还遗漏了什么？告诉我这是你想要的还是你需要帮助…不知道为什么，我得到了一个错误。上面写着“Uncaught SyntaxError:Unexpected token”见我的编辑只需添加$@GulshanKumar您的评论与您的问题不匹配-请使用编辑更新问题，以添加js中的其他信息，不添加类似于您的答案的样式只有jqueyMy响应菜单项在页面加载之前显示。所以我想把它隐藏起来，但当文档准备好后，我想显示它。参考视频：

$('.genesis-nav-menu.responsive-menu .menu-item, .responsive-menu-icon').css({'display': 'block !important'});