Question

使用css的悬停类。

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

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 */
}

然后使用jQuery addClass和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() {

    });

使用悬停类

3 个答案: