jQueryでCSSからカラープロパティを取得する方法は？

Question

すべてのリンクの色の変更にアニメーションを追加したいと思います。つまり、リンクが張られたときに、Javascriptがなくても、その色はすぐに変わります。私がしたいことは、あなたがリンクをホバリングしたときに、その色がjQueryの$。アニメの関数で段階的に変わるはずです。

ここまでは簡単です。しかし、問題は、リンクの種類ごとにRGBコードを記述したくないということです。私はjQueryに、リンクが抱かれているときの色を知りたい。

あなたはここまで私を理解していなかった場合、私は一例でそれを説明しましょう：

 

    $('a').hover(function() { 
     $(this).animate({ 'color', $(this + ':hover').css('color') }, { duration: 250 }); 
    }, function() { 
     $(this).animate({ 'color', $(this).css('color') }, { duration: 250 }); 
    }); 

私は、このコードは動作しません知っているが、私はそれは私が明確に必要なものを説明してだと思います。

Answer 1

私はCSS3トランジションを使用します。 http://jsfiddle.net/wsZKQ/1/

a{ 
    -moz-transition:all 0.25s; 
    -webkit-transition:all 0.25s; 
    transition:all 0.25s; 
    color:black; 
} 
a:hover{ 
    color:red; 
} 

あなたはjQueryを使ってそれを実行したい場合は、あなたが:hover -stylesアクセスするためのプラグインが必要です http://archive.plugins.jquery.com/project/moreSelectors

を私は考えていませんプラグインなしで:hoverスタイルにアクセスする方法があります。

Answer 2

var color = $('element').css('color'); 

rgb（赤、緑、青）スタイルなどのRGBで設定した場合、16進変換を行う必要はありません。 0-255の色を簡単に変更できます。

RGBと同様のことをやったことがあります。http://www.homeschoolsnowboarding.comを見て、ゆっくりと背景が色を変えるのを見てください。