类不会使用jQuery交换

Question

我正在尝试创建一些单击图像的东西,它只是被另一个相同尺寸的图像替换.

我几乎可以使用下面的jQuery,但它没有正确地改变类.'之前'图像有一个类,其中:悬停改变它的不透明度.点击后我不希望图像也这样做,所以我为'after'图像创建了第二个类.但是它不会改变类.

HTML:

<div id="vote">
  <img src="images/icon-voteheart2.png" class="heart" />
  <h2>12</h2>
</div>

使用Javascript:

<script type="text/javascript"> 
  $(function() {
    $('.heart').click(function() {
        $(".heart").fadeOut('fast');
        $(".heart").fadeIn('fast');
        $(".heart").attr('src', "images/icon-tick.png");
        $(this).removeClass(".heart");
        $(this).addClass(".heartnew");
        return false;
    });
  });
< /script>

Answer 1

你的班级名字不是.真正的心.的.类名的前面只用于CSS选择器,而不是添加或删除类