Como posso alterar a cor do texto com o jQuery?

157

Quando passar o mouse sobre um texto com animação, definitivamente utilizarei o jQuery. Existe um código que altere a cor ou o tamanho?

Jorge
fonte
14
Nota lateral - qualquer estilo que você possa fazer com CSS que você possa manipular com o jQuery.
Corey Ballou #

Respostas:

305

Coloque o seguinte no seu mouseovermanipulador de eventos jQuery :

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

Para definir a cor e o tamanho ao mesmo tempo:

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

Você pode definir qualquer atributo CSS usando a .css() função jQuery .

Annabelle
fonte
@dan ambas as instruções são sintaxe válida: consulte api.jquery.com/css . (E ambos trabalhavam quando eu tentei-los.)
Carl Sharman
6

Ou você pode fazer o seguinte

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

Mas você precisa baixar o plugin de cores aqui .

Prog Mania
fonte
4

Atualmente, a animação da cor do texto está incluída no jQuery UI Effects Core. É bem pequeno. Você pode fazer um download personalizado aqui: http://jqueryui.com/download - mas na verdade não precisa de nada além do núcleo dos efeitos (nem mesmo do núcleo da interface do usuário), e também traz diferentes funções de atenuação.

Jonah
fonte