Add class via jQuery

Question

I have a #myDiv And i want, when page load, ad class to #myDiv

E.G. Page load, #myDiv.class

I use this code but it's not working:

$('#sky').addClass(‘animate-in’);

‘ is not a quotation mark. Use either ' or ". Also make sure that you run your code after the DOM was loaded. Please have a look at the jQuery tutorial: docs.jquery.com/Tutorials:Getting_Started_with_jQuery — Felix Kling
– Felix Kling, Commented Dec 21, 2012 at 5:57

bipen · Accepted Answer · 2012-12-21 06:21:35Z

2

$(document).ready(function(){ is called whn the doucument is ready. and your addClass .. use single or double quotes to enclose the class ( not ‘ )..

try this...

 $(document).ready(function(){ 
   $('#sky').addClass('animate-in'); 
});

UPDATED

another div

<div id="anotherdiv"></div>

call the click function and the jquery selector to which u want to change the class

$('#anotherdiv').click(function(){
    $('#sky').addClass('animate-in');  //or any other new class
});

go thorugh the selector jquery documentation..

http://api.jquery.com/category/selectors/

edited Dec 21, 2012 at 6:21

answered Dec 21, 2012 at 5:58

bipen

36.6k9 gold badges51 silver badges62 bronze badges

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

1 Comment

Slaythern Aareonna Over a year ago

Thank you, it's working! Well, how can i add class to sky, when click another div?

Adil · Accepted Answer · 2012-12-21 05:58:44Z

1

You need to use single or double quote to enclose your class.

Change

$('#sky').addClass(‘animate-in’);

To

$('#sky').addClass('animate-in');

or

$('#sky').addClass("animate-in");

answered Dec 21, 2012 at 5:58

Adil

148k25 gold badges217 silver badges207 bronze badges

Comments

rahul · Accepted Answer · 2012-12-21 05:59:52Z

0

you can do it like this

$(function () {
   $('#sky').addClass('animate-in'); 
});

OR

$(function () {
    $('#sky').addClass("animate-in"); 
});

answered Dec 21, 2012 at 5:59

rahul

7,6738 gold badges42 silver badges54 bronze badges

Comments

Manish Nagar · Accepted Answer · 2012-12-21 06:03:30Z

0

use this code

   <body onload='$("sky").addClass("animate-in")' >

answered Dec 21, 2012 at 6:03

Manish Nagar

1,0467 silver badges12 bronze badges

Comments

Karthika Subramanian · Accepted Answer · 2012-12-21 06:07:33Z

0

Please check that already any classes are available in $("#sky") and if u want to use only 'animate-in',

Can try this,

$("#sky").attr('class','');

$("#sky").addClass('animate-in');

so that we can come to know that, already existing things are cleared and adding a new one

answered Dec 21, 2012 at 6:07

Karthika Subramanian

3461 gold badge2 silver badges16 bronze badges

Collectives™ on Stack Overflow

Add class via jQuery

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Related