Javascript 使用JQuery更改颜色

我有一个游戏，我一直在这里工作，它将改变一个

td

你点击的颜色取决于一个变量。我想让这个变量在两个字符串之间随机选择，要么是“lime”要么是“red”，我已经记下了那个部分。问题是将CSS应用于

td

，据我所知，我做得很正确，但似乎不起作用

$（）.ready（函数（））{
//功能
$（'td'）。单击（函数（）{
if（$（this）.hasClass（'block'）返回；
$（此）.addClass（颜色）；
$（this.addClass（'block'）；
$（this.css（'background-color:'+color））；
左瓷砖--；
if（color='lime'）{color='red'；}else{color='lime'；}
});
//变数
颜色变异；
var Tilesleet=9；
//设置
if（Math.round（Math.random（））==0{color='lime'；}else{color='red'；}
});
//间歇
setInterval（函数（）{
$（'header'）.css（'color:'+color）；
},1);
html，正文{
背景色：黑色；
颜色：白色；
文本对齐：居中；
身高：100%；
}
运输署{
边框：1px纯白；
保证金：1px；
宽度：30%；高度：30%；
}
#电路板{高度：500px；}

井字过三关
不太正确：

$(this).css('background-color', color);

显然，上面假定
color
变量已成功设置为有效的CSS颜色字符串

似乎您试图传递一个字符串，可能是传递给
style
属性；相反，
css（）
方法提供了两种方法，一种是
“属性”，另一种是“值”
：

css('background-color', 'red');

或具有属性值的对象：

css({
    'background-color' : 'red'
});

参考资料：


CSS:




jQuery：



给你，找零

$(this).css('background-color:'+color); 

到

及

到

将间隔设置为就绪状态：）

它将起作用：）


$（文档）.ready（函数（）{
//功能
$（'td'）。单击（函数（）{
if（$（this）.hasClass（'block'）返回；
$（此）.addClass（颜色）；
$（this.addClass（'block'）；
$（this.css）({
背景颜色
});
左瓷砖--；
如果（颜色=‘石灰’）{
颜色=红色；
}否则{
颜色='石灰'；
}
});
//变数
颜色变异；
var Tilesleet=9；
//设置
if（Math.round（Math.random（））==0）{
颜色='石灰'；
}否则{
颜色=红色；
}
//间歇
setInterval（函数（）{
$（'header'）.css({
颜色：颜色
});
}, 1);
});
html，
身体{
背景色：黑色；
颜色：白色；
文本对齐：居中；
身高：100%；
}
运输署{
边框：1px纯白；
保证金：1px；
宽度：30%；
身高：30%；
}
#董事会{
高度：500px；
}

井字过三关
删除冒号，将加号替换为逗号（，）。字符串串联可以，是；但是您不需要连接字符串。
color
变量是否已设置？设置为什么？
$(this).css({
  backgroundColor: color
});

$('header').css('color:'+color);

 $('header').css({
    color: color
 });