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()。这在jQuery doc for toggleClass。

中都有所描述

Answer 2

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

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

单击时jquery反转类属性

2 个答案: