jQueryでテキストの色を変えるにはどうすればいいですか？

Question

アニメーション付きのテキストにマウスを合わせると、間違いなくjQueryが使用されます。色や大きさを変えるコードはありますか？

Annabelle · Accepted Answer

JQueryのmouseoverイベントハンドラに次のコードを追加します。

$(this).css('color', 'red');

色とサイズを同時に設定するには：

$(this).css({ 'color': 'red', 'font-size': '150%' });

.css() jQuery function を使用して任意のCSS属性を設定できます。

Prog Mania · Answer

または、次のようにしてください。

$(this).animate({color:'black'},1000);

しかし、カラープラグインをここからダウンロードする必要があります。

Jonah · Answer

現在、テキストカラーのアニメーション化はjQuery UI Effects Coreに含まれています。とても小さいです。あなたはここでカスタムダウンロードをすることができます： http://jqueryui.com/download - しかし、あなたは実際には何も必要ありません。それに、さまざまな緩和機能もあります。