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


157

アニメーションでテキストにカーソルを合わせると、jQueryが使用されます。色やサイズを変更するコードはありますか?


14
補足:jQueryで処理できるCSSで実行できるすべてのスタイル。
Corey Ballou、2010年

回答:


305

以下をjQuery mouseoverイベントハンドラーに配置します。

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

色とサイズの両方を同時に設定するには:

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

.css() jQuery関数を使用して、CSS属性を設定できます


@dan両方のステートメントは有効な構文です:api.jquery.com/cssを参照してください。(そして、私がそれらを試したとき、それらは両方とも機能しました。)
カール・シャーマン

6

または、次のようにすることができます

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

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


4

現在、アニメーションテキストの色はjQuery UI Effects Coreに含まれています。かなり小さいです。ここでカスタムダウンロードを行うことができます。 http //jqueryui.com/download-ただし、実際にはエフェクトコア自体(UIコアでさえも)以外は必要ありません。また、さまざまなイージング機能も備えています。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.