1

我正在寻找一种方法来获取我的 jquery 代码，当我将鼠标悬停在我的一个元素（.pdf）上时，将另一个元素（.dl）的字体颜色更改为蓝色，然后当我停止悬停在我的第一个元素上时元素 (.pdf) 第二个元素恢复其原始颜色。

我设法让它工作，但我还必须有另一个 jquery 代码，当我将鼠标悬停在第二个元素（.dl）上时，我的第一个元素（.pdf）变为蓝色，然后在悬停时返回其原始状态以我的第二个元素（.dl）结束。

我遇到的问题是当我加载页面时，如果我将鼠标悬停在我的第一个元素（.pdf）上，（.dl）会变成蓝色，当我停止悬停时它会返回白色，但是当我将鼠标悬停在（.dl）上时添加执行 .pdf 悬停的 jquery 后，（.dl）保持白色！

这是我的jquery：

$(document).ready(function () {
$(".pdf").hover(function (f) {
        $(".dl a").css('color', '#33b5e5');
    },
    function (f) {
        $(".dl a").css('color', '#fff');
    });
});

$(document).ready(function () {
$(".dl").hover(function (g) {
        $(".pdfasdf").show();
        (".dl").show();
    },
    function (g) {
        $(".pdfasdf").hide();
        (".dl").hide();
    });
});

（有点乱，对不起！我是新人！）

以及我的 jfiddle 中的相关 css： jsfiddle

我基本上只需要知道是否有办法恢复到 jquery 中的原始 css 状态。我相信 (.dl a:hover) 被 jquery 覆盖，告诉它在不悬停在 .pdf 上时变为白色。任何帮助，将不胜感激！

编辑我可以通过在我的css中的.dl a:hover字体颜色之后添加一个!important来让它工作，但我仍然想知道是否有jquery方式来做到这一点，因为我的方式很草率.

4

1 回答 1

1

我建议使用 jQuery.addClass(classname)和.removeClass(classname).

可以在此处和此处找到文档。

这样，您只需切换类，而不必担心特定的 CSS 状态。

更新了小提琴。

于 2013-06-04T00:06:20.563 回答