使用jQuery将一个类淡入另一个类

Question

我正在尝试将一个类淡出为“悬停”在与一个类的链接上。因此，必须淡入hover类才能表示悬停效果。

我的a标签的css类应用了一种颜色的渐变，另一个表示"hover“效果的类应用了不同的颜色渐变。

我试过了，但这不是想要的效果，悬停类应该只是淡入淡出，而不是普通类首先消失。

$("a").hover(
            function () {
                $(this).fadeOut(function () {
                    $(this).removeClass("btn").addClass("btn2").fadeIn('fast');
                });
            },
            function () {
                $(this).fadeOut(function () {
                    $(this).removeClass("btn2").addClass("btn").fadeIn('fast');
                });
            }
        );

Answer 1

您也可以使用.animate('opacity','0.5');

在<a>悬停时，它也会显示淡入淡出效果。

Answer 2

尝试使用toggleclass函数

$("a").hover(
            function () {
                $(this).fadeInOut(function () {
                    $(this).toggleClass('btn btn2');
                });
            },
            }
        );