使用jQuery将一个类淡化为另一个类

Question

我试图通过与班级的链接“悬停”来淡化班级。 所以悬停类必须淡入以表示悬停效果。

我的a标签的css类有一个渐变应用于它的颜色，另一个代表“悬停”效果的类有一个不同的颜色渐变应用于它。

我尝试了这个，但它不是理想的效果，悬停类应该只是淡入淡出，而不是正常的类首先消失。

$("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');
                });
            },
            }
        );