如何使用jQuery更改文本颜色?


157

当我将文本悬停在动画上时,肯定会使用jQuery。有没有可以改变颜色或大小的代码?


14
旁注-您可以使用jQuery处理的CSS样式。
Corey Ballou'1

Answers:


305

将以下内容放入您的jQuery mouseover事件处理程序中:

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

要同时设置颜色和大小:

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

您可以使用.css() jQuery函数设置任何CSS属性。


@dan这两个语句都是有效的语法:请参阅api.jquery.com/css。(当我尝试它们时,它们都起作用。)
卡尔·沙曼

6

或者您可以执行以下操作

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

但是您需要从此处下载颜色插件。


4

如今,动画文本颜色已包含在jQuery UI Effects Core中。很小 您可以在此处进行自定义下载:http : //jqueryui.com/download-但实际上除了效果核心本身(甚至不是UI核心)之外,您不需要任何东西,并且还具有不同的缓动功能。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.