Javascript 向元素添加css属性：悬停状态

我可以向元素悬停状态添加css属性吗

我知道如何向元素添加背景，我需要的是向元素添加背景：悬停状态

我有一个

我可以添加css背景$'.myDiv'.css'background'，red'

当使用.myDiv.hoverfunction{$this.css'background'，'red'时，背景会在悬停时改变，但即使不悬停在元素上，背景也会保持这种状态

有什么想法吗？

。hover方法绑定mouseenter和mouseleave事件的处理程序。您可以使用它在鼠标位于元素内期间将行为应用于元素

$('.myDiv').hover(function(e) { $(this).css('background', 'red'); },
                 function() { $(this).css('background', 'none'); } );

---

您可以使用css实现它，无需任何脚本

.myDiv:悬停{ 背景：红色； } Hello尝试改用和事件。 或者像这样编写当前代码：

('.myDiv').hover((function(e) { $(this).toggleClass('redBackground') });

---

这里您必须定义css类“redBackground”。

hover函数包含两种状态。hover state和hover out state

$('.myDiv').hover(
    function() {
        $(this).css('background', 'red');
    }, function() {
        $(this).css('background', 'white')
    }
);

---

有关更多信息，请查看链接。

甚至可以使用jQuery mouseenter和mouseleave事件

---

只需使用css。不需要任何jquery

.myDiv:hover { 
    background-color: #FF0000;
}

---

你能解释一下这是如何在前面的答案中增加任何值的吗？这似乎是可行的，但有两个函数在里面。在我的情况下悬停不起作用。不知道为什么，但可能是一个更好的解决方案。嗯，这可能是我的代码中的一些东西。虽然。mouseenter和。mouseleave工作得很好。你为什么会这样做如何使用javascript？是否有未知因素阻止您使用css的：悬停选择器？通常，使用javascript应用样式是一种糟糕的做法。请使用css'：悬停选择器或添加/删除类。是的，这是有原因的，因为我正在使用js生成背景。

.myDiv:hover { 
    background-color: #FF0000;
}