¿Cómo puedo cambiar el color del texto con jQuery?

157

Cuando pase el cursor sobre un texto con animación definitivamente usaré jQuery. ¿Hay un código que cambie el color o el tamaño?

Jorge
fuente
14
Nota al margen: cualquier estilo que pueda hacer con CSS puede manejarlo con jQuery.
Corey Ballou

Respuestas:

305

Coloque lo siguiente en su mouseovercontrolador de eventos jQuery :

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

Para configurar tanto el color como el tamaño al mismo tiempo:

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

Puede configurar cualquier atributo CSS utilizando la .css() función jQuery .

Annabelle
fuente
@dan ambas declaraciones son sintaxis válida: consulte api.jquery.com/css . (Y ambos trabajaron cuando los probé)
Carl Sharman
6

O puedes hacer lo siguiente

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

Pero debe descargar el complemento de color desde aquí .

Prog Mania
fuente
4

Hoy en día, el color de texto de animación se incluye en jQuery UI Effects Core. Es bastante pequeño. Puede realizar una descarga personalizada aquí: http://jqueryui.com/download , pero en realidad no necesita nada más que el núcleo de efectos en sí (ni siquiera el núcleo de la interfaz de usuario), y también trae diferentes funciones de relajación.

Jonás
fuente