jquery - 使用悬停类

Question

使用 css 的悬停类。

我有一个名为“show”的标签，我有一个按钮。所以基本上我想在我将鼠标悬停在标签上时更改按钮的背景（想要相同的悬停颜色），即我想使用 css 中已经存在的 btn:hover {} 类。

show - > on hover -> addClass - > btn:hover {} to (btn)  

$('.addingAction').hover(function() {
        $('.btnRBlk').css({
            //use hover class

        }};                 
        },function() {

});

Answer 1

您可以使用纯 CSS（没有 jQuery）来做到这一点，但您需要发布您的 HTML。

然而，事实上，最简单的方法是在你的 CSS 中添加一个类名：

btn:hover, .hovered {
    /* Styles */
}

然后使用 jQueryaddClass和removeClass方法：

$('.addingAction').hover(function() {
    $('.btnRBlk').addClass("hovered");
}, function() {
    $('.btnRBlk').removeClass("hovered");
});

Answer 2

尝试这样做：

$(".addinAction").hover(function(){
    $(".btnRBlk").trigger("mouseenter");
},function(){
    $(".btnRBlk").trigger("mouseleave");
});

Answer 3

你的jQuery代码有错误

   $('.addingAction').hover(function() {
            $('.btnRBlk').css({
                //use hover class

            });//this was errorneaous                 
            },function() {

    });