假设我在链接的样式表中有以下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的情况下实现该功能?

最佳答案

你可以试试:

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


要么

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


另外,还有一些奇怪的事情要检查以上内容是否有效:


您在哪里称呼您的jQuery代码? (是否在某些功能中,$(document).ready() ..?)
那里有内联style属性吗?
您是否有由先前代码引起的错误? (请参阅调试器-FireBug的内置Chrome开发工具)

关于jquery - 使用jQuery覆盖CSS属性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16115580/

10-14 14:40
查看更多