jquery - 如何使用 jquery css a:hover

Question

我正在使用颜色选择器来更改一些元素

function(color) {  
    $("#post h1").css("color",color.toHexString());
    $("#footer").css("background",color.toHexString());
    $("#navigation a:hover").css("background",color.toHexString());             
}

#post h1和工作正常，#foooter但我怎样才能改变#navigation a:hover？

Answer 1

更新：试试看：

$('#navigation').hover(function(){
    $(this).css({'color':'your_color_when_mouse_in'});
},  function(){
    $(this).css({'color':'your_color_when_mouse_out'});
} );

Answer 2

时髦的新鲜替代品！

function(color){
    //creates a new style tag
    var style = document.createElement('style');
    style.type = 'text/css';
    //setup your items as actually css instead of style attributes
    vars css = '#post h1{color: '+color.toHexString()+'}';
    css += '#footer, #navigation a:hover{background: '+color.toHexString()+'}';
    //place said css into style tag
    style.styleSheet.cssText = css;
    //add style tag to document
    $('head').append(style);
}

这将为您的文档添加一个新<style>标签，其中包含您想要的 css。另外，它将允许您使用 css native :hover！