删除 css 类 jQuery答案

【问题标题】：Remove css class jQuery删除 css 类 jQuery
【发布时间】：2014-12-21 20:31:45
【问题描述】：

单击图标后，我使用我的代码更改 css：

$(function () {
  $(".icon-medium.icon-search").click(function () {
    $(".nksub-tab-icon").addClass("newClass", 1000, callback);
  });

  function callback() {
    setTimeout(function () {    
      $(".nksub-tab-icon").removeClass("newClass");
    }, 1000);
  }
});

我的 CSS：

<style>
  .newClass { background-color:yellow; }
</style>

当我单击图标更改颜色但单击后但不删除类。 For test website here

我想改变颜色，然后再次点击恢复开始样式。

【问题讨论】：

jQuery 的 .addClass() 没有像 string name, int delay, function callback 那样的参数集
使用函数前请先查找函数定义

标签： javascript jquery html css wordpress

【解决方案1】：

尝试将此代码放在<script> 标签中。

$( ".icon-medium.icon-search" ).click(function() {
  $(".nksub-tab-icon").toggleClass("newClass");
});

如果您想提供延迟，请使用以下代码

$( ".icon-medium.icon-search" ).click(function() {
  $(".nksub-tab-icon").delay(1000).queue(function(next){
    $(this).toggleClass("newClass");
    next();
  });
});

在这里查看：http://jsfiddle.net/zgsxoq3v/

【讨论】：