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

这是类.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”)

Answer 2

你也可以这样做：当你使用类选择器时使用.

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

Answer 3

您错过了在选择器中添加.，

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

Answer 4

class selector in jquery

您错过了.

将$('barklogo').click(function(){更改为$('.barklogo').click(function(){

Answer 5

它真的以这种方式工作。但是如果你想以安全的方式想要在div中使用多个类的addClass而不是使用addClass来对其div进行div。例如，

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

这是解决这个问题的有效方法。

<script>

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

</script>

在div上添加css类

5 个答案: