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

我试图淡出一个类，将其作为“悬停”在与类的链接上。 所以hover类必须淡入以表示悬停效果

我的css类为a标签应用了一种颜色的渐变，而另一个表示“悬停”效果的类应用了不同的颜色渐变

我尝试过这个，但它不是期望的效果，悬停类应该只是淡入淡出，而不是普通类先消失

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

---

尝试使用toggleclass函数

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

---

您还可以使用

.animate（'opacity'，'0.5'）

在
的悬停状态下，它也会显示淡入淡出效果。
你能提供我尝试使用的html和css以及正常的文本颜色效果吗？它对我很好。首先，你的代码中有一个错误。但即使在修复后，它也不起作用。谢谢你尝试抱歉，我只是复制粘贴了代码。你能试试$（function（）{$（“a”）.mouseenter（function（）{$（this.removeClass（'aa'）；$（this.addClass（'bb'））；alert（$（this.attr（'class'））；}）；$（a”）.mouseeut（function（）{$（this.removeClass（'bb'）；$（this.addClass（'aa'））；警报（$（this.attr（'class'）；}）；}）；这适用于更改类，但不会淡入或淡出