javascript - 在 div 上添加 css 类

Question

我有以下 html 代码，我想在单击类“rotate”(我已经包含在我的 css 中)时将其添加到类为“barklogo”的 div

<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');
  });
 }); 

这是 .rotate 类的 css 代码

.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”)