在jQuery中切换switchClass的正确方法是什么？

Question

考虑：

    <div id="obj" class="foo"><!-- --></div>

预期：

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

我可以使用.hasClass()，三元条件和switchClass的组合来完成我想要的效果，但我想看看其他人如何实现这一点 - 我正在尝试增加我对jQuery的体验。

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

Answer 1

如果我说得对，你可能只想使用.toggleClass()。

$('#obj').click(function() {
    $(this).toggleClass('foo bar');
});

参考：.toggleClass()

示例：http://www.jsfiddle.net/sTBcb/