班级获胜'；使用jQuery进行数据交换

我试着创建一些东西，你点击一个图像，它就会被另一个相同尺寸的图像所取代

我几乎可以用下面的jQuery实现这一点，但是它没有正确地更改类。“before”图像有一个类，其中：hover更改其不透明度。单击后，我不希望图像也这样做，因此我为“after”图像创建了第二个类。然而，它不会改变课程

HTML:

12

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'）。单击（函数（）{
$（“.heart”）.fadeOut（'fast'）；
$（“.heart”）.fadeIn（'fast'）；
$（“.heart”）.attr（'src'，“images/icon tick.png”）；
$（this.removeClass（“.heart”）；
$（this.addClass（“.heartnew”）；
返回false；
});
});

你的类名不是。心只是心。这个类名前面仅用于CSS选择器，而不用于添加或删除类

您的类名不是。心只是心。这个类名称前面仅用于CSS选择器，而不用于添加或删除类

，因为正在动态生成和删除

心脏

类，所以需要使用

实时

功能

$('.heart').live("click", function() {
   //etc
});

此外，

.heart

不是类的名称。你需要改变

$(this).removeClass(".heart"); 
$(this).addClass(".heartnew");

到

---

由于正在动态生成和删除

heart

类，因此需要使用

live

函数

$('.heart').live("click", function() {
   //etc
});

此外，

.heart

不是类的名称。你需要改变

$(this).removeClass(".heart"); 
$(this).addClass(".heartnew");

到

---

这两行是错的

    $(this).removeClass(".heart");
    $(this).addClass(".heartnew");

使用和时，不要包括圆点。应该是这样的:

    $(this).removeClass("heart");
    $(this).addClass("heartnew");

---

这两行是错的

    $(this).removeClass(".heart");
    $(this).addClass(".heartnew");

使用和时，不要包括圆点。应该是这样的:

    $(this).removeClass("heart");
    $(this).addClass("heartnew");

---

你的类名是“heart”，所以你的选择器是正确的，但是当你使用

addClass

，

removeClass

和

toggleClass

方法时，使用实际的类名：

addClass（“heart”）

你的类名是“heart”，所以你的选择器是正确的，但是，当您使用

addClass

、

removeClass

和

toggleClass

方法时，请使用实际的类名：

addClass（“heart”）

运行此单击处理程序时会发生什么？运行此单击处理程序时会发生什么？@Richard James。。。欢迎光临@理查德·詹姆斯。。。欢迎光临！