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 ネイティブを利用できるようになります:hover。