Как правильно переключать switchClass в jQuery?

Question

Рассмотрим:

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

Ожидается:

Что мне хотелось бы, так это переключаться между классами "foo" и "bar" при каждом щелчке мыши.Класс Toggle просто добавляет и удаляет «bar», что недостаточно хорошо.

Я могу добиться желаемого эффекта, используя комбинацию .hasClass(), троичное условие и switchClass, но я бы хотел посмотреть, как другие это сделают - я пытаюсь увеличитьмой опыт работы с jQuery.

Это может быть тем, что я хочу, но я также пытаюсь уменьшить количество внешних плагинов.

Answer 1

Если я вас правильно понял, вы можете просто использовать .toggleClass().

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

Ссылка: .toggleClass ()

Пример: http://www.jsfiddle.net/sTBcb/