jquery - 如何将 CSS 事件与 jQuery 样式结合使用？

Question

// Doesn't work:   
$('#king:hover').css({});

标题说明了一切。这可能吗？

Answer 1

使用 jQuery .hover event

$('#king').hover(function() {
    $(this).css('background-color','black');
});

如果您想在悬停释放时将其删除，可以使用第二个处理程序

$('#king').hover(function() {
    $(this).css('background-color', 'black');
    }, function(){
    $(this).css('background-color', 'white');
});

或者更好的是，使用toggleClass

CSS

.hover {
    background-color:black;
}

jQuery

$('#king').hover(function () {
    $(this).toggleClass('hover');
});