jQuery adding multiple classes

Question

The goal is to add the two classes to any divs with the class .title.

Here is my code:

$(document).ready(function() {

  $('#welcome').mouseenter(function() {

      $('.title').addClass('animated').addClass('swing');
    
  });

});

Is this the best way to do this?

Also read the documentation on add class api.jquery.com/addclass — epascarello
– epascarello, Commented Sep 7, 2017 at 13:34
Well thanks now I don't feel so bad haha! I have checked my script src that seems to be fine so I'm not sure where I could have gone wrong... @epascarello ill be sure to check it out thanks — Michael Hands
– Michael Hands, Commented Sep 7, 2017 at 13:39

sarath · Accepted Answer · 2017-09-07 13:39:38Z

2

Add two classes at the same time separated by space

$('.title').addClass('animated swing')

answered Sep 7, 2017 at 13:39

sarath

4594 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

I did try this first time around but I thought that was part of my problem :') Thanks

Matt Andrews · Accepted Answer · 2017-09-07 14:44:20Z

0

You have an error:

$document.ready(function() {   }

should be:

$(document).ready(function() {   }

If you look in your browser's developer tools, you'll see syntax errors like this in the Console tab.

Here's a working version.

answered Sep 7, 2017 at 13:39

Matt Andrews

2,8783 gold badges34 silver badges56 bronze badges

Oh damn really haha! Thanks a bunch!

Or, in the modern way: $(function(){})