Add css class on div

Question

i have the following html code and i want to add on click the class "rotate" (which i have included in my css) to the div with class "barklogo"

<div class="barklogo loaded" data-width="40" data-anim="left">
<img src="/images/home/button.png" border="0" alt="Demo image">
</div>

I found a similar post here

JQUERY - add CSS class to BUTTON element after click

But when i enter the following code to the js file it won't work

 $(document).ready(function(){
  $('barklogo').click(function(){
       $(this).addClass('rotate');
  });
 });

Here is the css code for the class .rotate

.rotate{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}

Thank you very much!

Satpal · Accepted Answer · 2013-11-30 11:29:06Z

3

You have to use . with class name in jquery.

 $('.barklogo').click(function(){

Class Selector (“.class”)

answered Nov 30, 2013 at 11:29

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Somnath Kharat · Accepted Answer · 2013-11-30 11:33:15Z

1

You can also do this: Use . when u are using class selector

$(document).ready(function(){
  $('.barklogo .loaded').click(function(){
       $(this).addClass('rotate');
  });
 });

answered Nov 30, 2013 at 11:33

Somnath Kharat

3,5952 gold badges31 silver badges51 bronze badges

1 Comment

nnnnnn Over a year ago

Your selector is wrong. $('.barklogo .loaded') finds all elements that have class loaded that are descendants of an element that has class barklogo.

Krish R · Accepted Answer · 2013-11-30 11:54:38Z

1

You have missed to add . in selector,

    $(function(){
      $('.barklogo').click(function(){
           $(this).addClass('rotate');
      });
     });

edited Nov 30, 2013 at 11:54

answered Nov 30, 2013 at 11:36

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Comments

Roopendra · Accepted Answer · 2013-11-30 11:30:20Z

0

You missed . for class selector in jquery

Change $('barklogo').click(function(){ to $('.barklogo').click(function(){

answered Nov 30, 2013 at 11:30

Roopendra

7,75716 gold badges72 silver badges95 bronze badges

Comments

Chetan Prajapati · Accepted Answer · 2013-11-30 12:42:43Z

0

Its really working by this way. But if u want in safe way to addClass which already have more than one class in div than use addClass to div by its ID. for example,

$("#div_id").click(function(){
    //code 
});

This is your useful way for this question.

<script>

$('.barklogo').click(function(){
           $(this).addClass('rotate');
      });

</script>

answered Nov 30, 2013 at 12:42

Chetan Prajapati

712 silver badges4 bronze badges

Collectives™ on Stack Overflow

Add css class on div

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related