Question

我可以将css属性添加到元素悬停状态。

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

我有<div class="myDiv"></div>

我可以添加css background $('.myDiv').css('background', 'red');

当使用('.myDiv').hover((function(e) { $(this).css('background', 'red');时，背景会在悬停时发生变化，但即使没有悬停在元素上也会保持这种状态。

有什么想法吗？

Answer 1

.hover()方法为mouseenter和mouseleave事件绑定处理程序。在鼠标位于元素中时，您可以使用它简单地将行为应用于元素。

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

Fiddle

Answer 2

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

.myDiv:hover {
  background: red;
}

<div class="myDiv">Hello</div>

Answer 3

请尝试使用mouseenter和mouseleave事件。或者像这样写下你当前的代码：

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

在这里你必须定义css类'redBackground'。

Answer 4

悬停功能包括两个状态。悬停状态并悬停状态。

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

有关详细信息，请查看this链接。

Answer 5

即使你可以使用jQuery mouseenter和mouseleave事件。 Working Demo

$( ".myDiv" ).mouseenter(function() {
  $( this ).css("background","red");  
});
$( ".myDiv" ).mouseleave(function() {
  $( this ).css("background","none");  
});

Answer 6

只需使用css.No需要任何jquery。

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

将css属性添加到元素：悬停状态

6 个答案: