Як я можу змінити колір тексту за допомогою jQuery?

157

Коли я наведіть текст з анімацією, я обов'язково використовую jQuery. Чи існує код, який змінить колір чи розмір?

jquery text

— Хорхе
джерело

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);

Але вам потрібно завантажити плагін кольорів звідси .

— Прог Манія
джерело

4

На сьогоднішній день анімаційний колір тексту включений у основу jQuery UI Effects Core. Це досить мало. Ви можете зробити спеціальне завантаження тут: http://jqueryui.com/download - але насправді вам нічого не потрібно, крім самого ядра ефектів (навіть не ядра інтерфейсу), і він також приносить з собою різні функції полегшення.

— Йона
джерело