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

vol*_*ron 4 jquery jquery-ui jquery-plugins

考虑:

    <div id="obj" class="foo"><!-- --></div>
Run Code Online (Sandbox Code Playgroud)


预期:

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

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

可能是我想要的,但我也试图减少外部插件.

jAn*_*ndy 10

如果我找对你,你可能只想使用.toggleClass().

$('#obj').click(function() {
    $(this).toggleClass('foo bar');
});
Run Code Online (Sandbox Code Playgroud)

参考:.toggleClass()

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