Javascript 需要使用jquery操作类的帮助吗

我需要有关此代码的帮助：

$(document).ready(function() {
    $(".fav").click(function() {

        $(".fav").removeClass("fav").addClass("fav_");
    });

    $(".fav_").click(function() {

       $(".fav_").removeClass("fav_").addClass("fav");
   });

});

单击

.fav

div

，他将转换为

.fav\uu

，反之亦然。好的，但问题是： 如果您单击一次

.fav

类，他将转换为

.fav\uv

。但如果你再单击一次，他就不会再转换为

.fav

我试着检查一个变量。例：

• 如果单击一次：

  fav=true

• 如果单击两次：

  fav=false

但它不起作用

---

我理解jQuery，但我通常使用的语言是PHP，这可能就是难点所在。

您需要在变量中保留对DOM元素的引用，并使用它。这样，您就不必再次执行jQuery选择器

$(document).ready(function() {
  var favs = $(".fav");

  favs.click(function() {
     favs.toggleClass("fav");
     favs.toggleClass("fav_");
  });
});

您还可以使用该方法添加/删除类。如果使用

fav

进行测试，则应在

fav

和

fav\uu

之间来回切换。因此，不需要IF语句

编辑：

如果要切换背景图像的显示，则不必删除

fav

CSS类。只需切换

fav

，因为它的背景将覆盖

fav

，因为它在CSS源代码中的位置较低

$(document).ready(function(){
   $(".fav").click(function(){
     $(this).toggleClass("fav_");
   });
});

---

如果用户单击一个

.fav

元素，所有（这一个和所有其他）是否都应该将类更改为

.fav\uv

？我设置了一个示例：[链接]一次：成功！两次：失败！我想最好看看我想要什么。