Что не так с этим кодом JQuery?

Question

[Расул Гитинов]

Я только начал практиковать JQuery, и вот сейчас не получается разобраться, почему при клике на кнопку не меняется класс:

$('.button-red').click(function(){
    $(this).removeClass('button-red');
    $(this).addClass('button-blue');
});

Comments

[Виталий Инчин ☢]

Все норм

[Михаил Плюснин]

А классы то такие есть?

[Расул Гитинов]

Михаил Плюснин: Да, классы есть такие, но есть вариант, что ошибка связанна вот с этой строкой: $ is not defined. Только я не понимаю, как ее решить

Answer 1

[Javid Asgarov]

Попробуйте обернуть все в :

$(document).ready(function() {

});

Comments

[Расул Гитинов]

Заработало, после того, как обернул, спасибо!

Answer 2

[Сергей Вушняков]

У тебя селектор не выбран. Вот синтаксис.
$(селектор).removeClass(класс). Взят тут

Если хочешь при клике стили менялись используй toggleClass

Пример

Comments

[Расул Гитинов]

Да, toggleClass лучше подходит для этой задачи, спасибо!

Answer 3

[Skrolea]

Да всё работает. www.bootply.com/Djrm3GjWrn
У вас точно подключён jQuery?

Откройте консоль и посмотрите - нет ли у вас там ошибки $ is not defined

Comments

[Расул Гитинов]

Есть такая ошибка, а jquery от 2.x версию поставил

[Skrolea]

Значит, скорей всего вы его не подключили или он подключается позже вашего скрипта. Проверьте подключение и сделайте так, как вам сказал Javid Askerov