jquery - jquery在点击时反转类属性

Question

使用这个简单的标记：

<a id="foo" class="first" href="#"></a>

我希望得到这样的东西：

$('#foo').click (function () { 
    if $('foo').hasClass('first') { $('foo').removeClass('first').addClass('second');

    if $('foo').hasClass('second') { $('foo').removeClass('second').addClass('first'); 
});

我不知道哪个类有元素，如果“第一”或“第二”。每次点击元素时怎么可能做到这一点，刷新类的阅读？

我希望我很清楚。

任何帮助将不胜感激。

提前致谢。

Answer 1

toggleClass()一次切换多个类的最佳方法是同时将多个类传递给它，如下所示：

$('#foo').click(function() {
  $(this).toggleClass('first second');
});

你可以在这里看到它的工作：http: //jsfiddle.net/jfriend00/HWkWC/

注意：您可以将多个类传递给toggleClass()（由空格分隔），它将独立切换每个类，而不是多次调用toggleClass(). 这在toggleClass的jQuery 文档中都有描述。

Answer 2

http://api.jquery.com/toggleClass/

$('#foo').click(function() {
   $(this).toggleClass('first').toggleClass('second');
}