jquery - 类不会使用jQuery交换

我正在尝试创建一些您单击图像的东西，然后将其替换为另一个具有相同尺寸的图像。

我几乎可以在下面的jQuery中使用它，但是它不能正确地更改类。 “之前”图像具有一个类，其中：hover更改了它的不透明度。单击后，我不希望图像执行相同的操作，因此我为“ 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>

最佳答案

您的班级名称不是.heart就是心脏。的。类名前面的仅用于CSS选择器，而不用于添加或删除类