我想在div中选择一个当前div，并在jquery中更改其背景色

我有这个html内容，我想在使用jquery将鼠标悬停在其中时更改当前div的颜色

CSS

HTML

---

在任何事件处理程序中，都可以通过$this来丰富触发事件的当前对象。因此，如果您只更改$.content.closest to$this和$this.closest to$this，它应该可以工作：

---

演示如下：

在任何事件处理程序中，您都可以通过$this来丰富触发事件的当前对象。因此，如果您只更改$.content.closest to$this和$this.closest to$this，它应该可以工作：

下面是演示：

试试这个：

$(document).ready(function () {
    var color = $(".content").css("background-color");
    $(".content").hover(function () {
        $(this).css("background-color", "#F9FAF4");
    }, function () {
         $(this).css("background-color", color);
    });
});

试试这个：

$(document).ready(function () {
    var color = $(".content").css("background-color");
    $(".content").hover(function () {
        $(this).css("background-color", "#F9FAF4");
    }, function () {
         $(this).css("background-color", color);
    });
});

---

您可以将脚本缩短为以下简单内容：

  $(".content").hover(function() {
      $(this).toggleClass("backGround");
  });

使用一些css：

.backGround {
    background-color: #F9FAF4;
}

---

您可以将脚本缩短为以下简单内容：

  $(".content").hover(function() {
      $(this).toggleClass("backGround");
  });

使用一些css：

.backGround {
    background-color: #F9FAF4;
}

您需要使用$this来选择当前悬停的项目，如下所示：

您需要使用$this来选择当前悬停的项目，如下所示：

---

只需删除最近的代码即可。也可以使用$this-inside-hover函数而不是$'.content'这里不需要JavaScript，您可以单独使用CSS来完成。只需删除最接近您的代码即可。也可以使用$this-inside-hover函数代替$'.content'这里不需要JavaScript，您可以单独使用CSS来完成。

.backGround {
    background-color: #F9FAF4;
}