Wie kann ich die Textfarbe mit jQuery ändern?

157

Wenn ich auf jeden Fall einen Text mit Animation schwebe, verwende ich jQuery. Gibt es einen Code, der die Farbe oder Größe ändert?

jquery text Jorge
quelle
14
Randnotiz - jedes Styling, das Sie mit CSS ausführen können, das Sie mit jQuery verarbeiten können.
Corey Ballou

Antworten:

305

Fügen Sie Folgendes in Ihren jQuery- mouseoverEreignishandler ein:

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

So stellen Sie Farbe und Größe gleichzeitig ein:

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

Sie können jedes CSS-Attribut mit der .css() Funktion jQuery festlegen .

Annabelle
quelle
@dan beide Anweisungen sind gültige Syntax: siehe api.jquery.com/css . (Und beide arbeiteten, als ich sie ausprobierte.)
Carl Sharman
6

Oder Sie können Folgendes tun

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

Sie müssen das Farb-Plugin jedoch von hier herunterladen .

Prog Mania
quelle
4

Heutzutage ist das Animieren von Textfarben im jQuery UI Effects Core enthalten. Es ist ziemlich klein. Sie können hier einen benutzerdefinierten Download vornehmen: http://jqueryui.com/download - aber Sie benötigen eigentlich nichts anderes als den Effektkern selbst (nicht einmal den UI-Kern) und bringt auch verschiedene Beschleunigungsfunktionen mit sich.

Jona
quelle