Добавить свойство css в элементы: hover state

Question

Могу ли я добавить свойство css в состояние зависания элементов.

Я знаю, как добавить фон к элементу, мне нужно добавить фон к элементам: состояние hover.

У меня есть <div class="myDiv"></div>

Я могу добавить CSS фон $('.myDiv').css('background', 'red');

При использовании ('.myDiv').hover((function(e) { $(this).css('background', 'red'); фоновых изменений на парении, но он остается таким образом, даже если не парит над элементом.

Любые идеи?

Answer 1

метод связывает обработчики для событий 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; 
}