javascript - 如何使用jQuery反转悬停状态？

我的作业要求我仅使用jquery。似乎不切实际，但我受到限制。我能够弄清楚如何进行悬停状态，但是当样式被应用时，它会保留下来。所以检查一下..

$(".cta-button").css({
      background: "#476887",
      "text-align": "center",
      width: "173px",
      height: "40px",
      margin: "62px auto 33px",
      cursor: "pointer"
    });
    $(".cta-button").hover(function() {
      $(this).css("background-color", "#509de5");
    });

当然，当我不再徘徊时，我希望它恢复为原始背景色。我该怎么做呢？谢谢！！

最佳答案

您可以使用hover method of jQuery 轻松实现

如文档中所述，此方法可以接受一到两个参数，第一个称为handlerIn，可以转换为悬停状态，鼠标进入等，而handlerOut对应于“鼠标离开”

因此，要实现您想要的目标，您可以尝试这样的事情

$('DOM_NODE').hover(mouseEnter, mouseLeave);
function mouseEnter() {
     // do something when the mouse enters the dom node
};
function mouseLeave() {
     // do something when the mouse leaves the dom node
};

关于javascript - 如何使用jQuery反转悬停状态？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46009552/