在jQuery中切换switchClass的正确方法是什么? 考虑:

在jQuery中切换switchClass的正确方法是什么? 考虑:,jquery,jquery-plugins,jquery-ui,Jquery,Jquery Plugins,Jquery Ui,预期: 我想要的是每次鼠标点击时在类“foo”和“bar”之间切换。Toggle类似乎只是添加和删除了“bar”,这还不够好 我可以通过结合使用.hasClass()、三元条件和switchClass,来达到我想要的效果,但我想看看其他人会如何做到这一点——我正在尝试增加使用jQuery的经验 可能是我想要的,但我也在尝试减少外部插件。如果我理解正确,您可能只想使用.toggleClass() 参考号: 示例:太棒了!我没有想过那样做。那正是我想要的。我以前试过toggleClass,但不知道你


预期: 我想要的是每次鼠标点击时在类“foo”和“bar”之间切换。Toggle类似乎只是添加和删除了“bar”,这还不够好

我可以通过结合使用
.hasClass()
、三元条件和
switchClass
,来达到我想要的效果,但我想看看其他人会如何做到这一点——我正在尝试增加使用jQuery的经验


可能是我想要的,但我也在尝试减少外部插件。

如果我理解正确,您可能只想使用
.toggleClass()

参考号:


示例:

太棒了!我没有想过那样做。那正是我想要的。我以前试过
toggleClass
,但不知道你可以这样做,即使在阅读了文档之后,+1!因此,当前在类中的任何内容都将替换为列表中的任何内容:
class=“a foo z baz”
并且切换为
“foo bar foobar baz”
,那么新类将是
class=“a z bar foobar”
;很高兴知道。我担心的一件事是类列表的顺序——switchClass和toggleClass似乎都附加到了末尾,而不是替换实际的顺序。
    <div id="obj" class="foo"><!-- --></div>
$('#obj').click(function() {
    $(this).toggleClass('foo bar');
});