Comment puis-je changer la couleur du texte avec jQuery?

157

Lorsque je passe la souris sur un texte avec une animation, j'utiliserai définitivement jQuery. Y a-t-il un code qui changera la couleur ou la taille?

jquery text Jorge
la source
14
Note latérale - tout style que vous pouvez faire avec CSS que vous pouvez gérer avec jQuery.
Corey Ballou

Réponses:

305

Placez ce qui suit dans votre mouseovergestionnaire d'événements jQuery :

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

Pour définir la couleur et la taille en même temps:

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

Vous pouvez définir n'importe quel attribut CSS à l'aide de la .css() fonction jQuery .

Annabelle
la source
@dan les deux instructions ont une syntaxe valide: voir api.jquery.com/css . (Et ils ont tous les deux travaillé quand je les ai essayés.)
Carl Sharman
6

Ou vous pouvez faire ce qui suit

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

Mais vous devez télécharger le plugin de couleur à partir d' ici .

Prog Mania
la source
4

De nos jours, l'animation de la couleur du texte est incluse dans jQuery UI Effects Core. C'est assez petit. Vous pouvez faire un téléchargement personnalisé ici: http://jqueryui.com/download - mais vous n'avez en fait besoin de rien d'autre que du noyau d'effets lui-même (pas même du noyau de l'interface utilisateur), et il apporte également différentes fonctions d'accélération.

Jonas
la source