Добавить класс CSS на DIV

Question

У меня есть следующий HTML-код и я хочу, чтобы добавить на кнопку класс «Поворот» (который я включил в моем CSS) в DIV с классом «barklogo»

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

Я нашел аналогичную должность здесь

JQUERY - add CSS class to BUTTON element after click

Но когда я введите следующий код на JS файл, он не будет работать

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

Вот CSS код для класса .rotate

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

Спасибо вам большое!

Answer 1

Вы должны использовать . с именем класса в jquery.

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

Class Selector (“.class”)

Answer 2

Вы пропустили . для class selector in jquery

Изменение $('barklogo').click(function(){ к $('.barklogo').click(function(){

Answer 3

Вы также можете сделать это: Использование ., когда и используется селектор класса

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

Answer 4

Вы пропустили добавить . в селекторе,

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

Answer 5

Его действительно работает по этому пути. Но если вы хотите безопасно использовать addClass, который уже имеет более одного класса в div, чем использовать addClass для деления по его идентификатору. например,

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

Это ваш полезный путь для этого вопроса.

<script> 

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

</script>