What's wrong with this JQuery code?

Question

What's wrong with this JQuery code?

I just started to practice JQuery, and now can't figure out why clicking the button does not change the class:

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

jQuery

moses.Hamm asked July 8th 19 at 16:39

Related questions

More answers about "What's wrong with this JQuery code?"

3 answers

Gwen.Dic answered on July 8th 19 at 16:45

Yes it works. www.bootply.com/Djrm3GjWrn
You just plugged in jQuery?

Open the console and see whether there you have the error $ is not defined

So, and with jquery 2.x version put - moses.Hamm commented on July 8th 19 at 16:48

So, most likely you did not connect or it connects later in your script. Check the connection and do as you said Askerov - moses.Hamm commented on July 8th 19 at 16:51

esmeralda answered on · Accepted Answer · 2019-07-08T16:41:31.881Z

esmeralda answered on July 8th 19 at 16:41

Solution

Try to wrap everything in :

$(document).ready(function() {

});

Work, once wrapped, thank you! - moses.Hamm commented on July 8th 19 at 16:44

shad.Remp answered on · Accepted Answer · 2019-07-08T16:43:31.881Z

shad.Remp answered on July 8th 19 at 16:43

Solution

You have the selector not the selected. Here is the syntax.
$(selector).removeClass(class). Taken here

If you want when you click the styles have changed, use toggleClass

Example

Yes, toggleClass is better suited for this task, thanks! - moses.Hamm commented on July 8th 19 at 16:46