Как я могу изменить цвет текста с помощью jQuery?

157

Когда я наведу текст с анимацией, я определенно буду использовать jQuery. Есть ли код, который изменит цвет или размер?

jquery text Jorge
источник
14
Примечание: любой стиль, который вы можете сделать с помощью CSS, вы можете обрабатывать с помощью jQuery.
Кори Баллу

Ответы:

305

Поместите следующее в ваш mouseoverобработчик событий jQuery :

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

Чтобы установить цвет и размер одновременно:

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

Вы можете установить любой атрибут CSS с помощью .css() функции jQuery .

Аннабель
источник
@dan оба утверждения имеют правильный синтаксис: см. api.jquery.com/css . (И они оба работали, когда я их попробовал.)
Карл Шарман,
6

Или вы можете сделать следующее

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

Но вам нужно скачать плагин цвета здесь .

Prog Mania
источник
4

В настоящее время анимация цвета текста включена в ядро ​​эффектов пользовательского интерфейса jQuery. Это довольно мало. Вы можете сделать пользовательскую загрузку здесь: http://jqueryui.com/download - но на самом деле вам ничего не нужно, кроме самого ядра эффектов (даже ядра UI), и оно также включает в себя различные функции замедления.

Иона
источник