Javascript jquery-首先检查类名，然后应用条件_Javascript_Jquery_Css

Javascript jquery-首先检查类名，然后应用条件

javascript jquery css

Javascript jquery-首先检查类名，然后应用条件,javascript,jquery,css,Javascript,Jquery,Css,我想从click事件中检测特定的类。如果这个类是有效的或者根据我的条件，那么我想根据这个添加或者删除这个类 <body class="clearfix with-menu with-shortcuts"> 所以在jquery中，我想做这样的事情 if('.clearfix.with-menu.with-shortcuts') is clicked { $(".clearfix.with-menu.with-shortcuts").addClass('menu-hid

我想从click事件中检测特定的类。如果这个类是有效的或者根据我的条件，那么我想根据这个添加或者删除这个类

<body class="clearfix with-menu with-shortcuts">

所以在jquery中，我想做这样的事情

  if('.clearfix.with-menu.with-shortcuts') is clicked {

     $(".clearfix.with-menu.with-shortcuts").addClass('menu-hidden'); 

  }and if (clearfix.with-menu.with-shortcuts.menu-hidden) is clicked 

      $(".clearfix.with-menu.with-shortcuts.menu-hidden").removeClass('menu-hidden');

因此，实际上我想尝试的是，当用户第一次访问页面时，他将看到左侧的导航菜单，因此如果他按下带有class

.clearfix.with menu.with shortcuts

的图标，菜单将关闭，然后我将cookie保存为“menuhidden”因此，当用户再次访问页面时，我将首先检查cookie是否为“menuhidden”，如果是，则菜单保持关闭，否则显示菜单


<body class="clearfix with-menu with-shortcuts" id="menu">

$("#menu").click(function(){

   $(this).toggleClass('menu-hidden');

});

$（“#菜单”）。单击（函数（）{
$（this.toggleClass（'menu-hidden'）；
});


$（“#菜单”）。单击（函数（）{
$（this.toggleClass（'menu-hidden'）；
});


$（“#菜单”）。单击（函数（）{
$（this.toggleClass（'menu-hidden'）；
});


$（“#菜单”）。单击（函数（）{
$（this.toggleClass（'menu-hidden'）；
});

您在寻找

.hasClass（）

函数吗？或者可能是

.toggleClass（）

？您应该使用

.toggleClass（className，switch）

查看开关参数听起来更像是在寻找

toggleClass（）

我只想检查这两个类是否隐藏..您是在寻找

.hasClass（）

函数吗？或者可能是

.toggleClass（）

？您应该使用

.toggleClass（className，switch）

查看开关参数听起来更像是在寻找

toggleClass（）

我只想检查这两个类是否隐藏..您是在寻找

.hasClass（）

函数吗？或者可能是

.toggleClass（）

？您应该使用

.toggleClass（className，switch）

查看开关参数听起来更像是在寻找

toggleClass（）

我只想检查这两个类是否隐藏..您是在寻找

.hasClass（）

函数吗？或者可能是

.toggleClass（）

？您应该使用

.toggleClass（className，switch）

查看开关参数听起来更像是在寻找

toggleClass（）

我只想检查这两个类是否隐藏。。

<body class="clearfix with-menu with-shortcuts" id="menu">

$("#menu").click(function(){

   $(this).toggleClass('menu-hidden');

});