JQueryが疑似クラスにフェードする：ホバー

Question

jqueryを使用してcssで定義された疑似クラスにフェードインする方法を考案した人がいますか？

私はこれがWebデザイナーの/ devの夢であろうと思っていたので、私は思っていることをするプラグインがあることを示唆する何かを見つけることができません！だから私はそれができないと仮定することができます。

たちは

p:hover{opacity:0.6;} 

<p>blah blah blah</p> 

を持っていると言う、明らかにこれはただの不透明な60％に完全に不透明からジャンプしようとしているが、我々はそうのようにjqueryのを使用した場合。

$('p').hover(function(){ 
    $(this).animate({'opacity':0.6},400); 
},function(){ 
    $(this).animate({'opacity':1},200); 
}); 

完全に半透明にすることができます。

本当にわかるのは、jQueryが自動的にスタイルシートで定義された：hover psuedoクラスへの移行を行うことができるかどうかです。

jQuery（またはJavaScript）はブラウザからそのデータにアクセスできますか？そうでない場合は、CSSファイルをjavascriptまたはjqueryで別々に読み取ることはできますか？どちらのシナリオでも、jquery（いくつかのパラメータを指定）では、常に：hoverクラスにアニメートする必要があることがわかりますか？

Answer 1

私は自動ではわかりませんが、あなたが望むように書式設定されたページ上にプレースホルダ要素を置くのが面倒な方法ですが、そうでなければ隠されています。次に、要素をにアニメーション化したい場合は、プレースホルダー要素を取得し、.css(propertyName)を使用してそれから必要なプロパティを取得し、変更する要素の.animate()呼び出しにそれらのプロパティを渡します。