javascript - 如何添加:hover rule in js function?

Question

我为我的网站修改了一些 jQuery 幻灯片库。我想在css中添加 .nav li a:hover{color:#00f;} ，但它不起作用。我在firebug中检查了它，css规则被划掉了。我在jquery幻灯片厨房的js文件中找到了一些东西，如下所示:

function init(){
    g.find(".nav").children("li").css("margin","0").css("padding","5px"); 
    g.find(".nav").children("li").children("a").css("text-decoration","none").css("display","block");   
}

是否应该在js文件中添加a:hover css规则？如何添加呢？谢谢。

Answer 1

您可以在 JS 中执行此操作

g.find(".nav").children("li").children("a").hover(
    function() {
        $(this).css('color', '#00f');
    },
    function() {
        $(this).css('color', '#000');
    }
);

您还可以修改插件样式表，这样就不必覆盖它。