使用jQuery覆盖CSS属性

Question

假设我在链接样式表中有以下CSS：

td {background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);}

这使我的所有表格列都变为绿色。

假设我有以下表格行：

<tr id="myRow"><td>stuff</td><td>more stuff</td></tr>

整行是绿色但是在用户输入后我想要执行以下操作：

$("#myRow").children('td').css('backgroundColor', 'red');

为什么这不会将我的行从绿色变为红色？如何在不将!important添加到样式表的情况下完成该工作？

Answer 1

您可以尝试：

$("#myRow").children('td').css('background-color', 'red');

或

$("#myRow").children('td').css('background', 'red');

还有一些令人头疼的事情要检查以上内容是否会起作用：

• 你在哪里调用你的jQuery代码？ （它是否在某个功能中，$(document).ready() ..？）
• 您是否有内联style属性？
• 您之前的代码是否有任何错误？ （参见调试器 - FireBug的内置Chrome开发工具）