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?


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 .


@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 .


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.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.