如何使用jQuery更改元素的颜色CSS属性

Question

如何在jQuery中更改CSS？我只想要＆＃34;有效VIN＆＃34;的字体颜色。为红色，这不起作用：

$("#result").html(<font color="red">"Valid VIN"</font>);

Answer 1

您可以使用.css()方法。

.css()可以使用两种方式之一。您可以传递两个字符串参数，一个CSS属性和一个值，或者您可以使用键（CSS属性）和值（CSS值）对传递一个对象参数：

$('#result').css('color', 'red');
// or
$('#result').css({color: 'red'});

如果你的目标是<font>标记：

$('#result font').css('color', 'red');

注意：我应该指出<font>代码is obsolete，所以就是这样。

您还可以传递一个函数来设置CSS值：

$('#result').css('color', function(){
   return '#'+(Math.random()*0xFFFFFF<<0).toString(16); //A random colour
});

Answer 2

您必须更改字体标记的属性值

$('#result font').attr('color' , 'red');