Question

我正在尝试使用jQuery更改背景颜色。我究竟做错了什么？我知道这可以用CSS轻松完成，但我试图用jQuery做。

链接到jsfiddle。我正在尝试将“Hi”的背景更改为黄色。

window.onload=function(){
     $('.myClass td').css({'background-color': 'yellow'}); 
}

<table>
    <tr class="myClass">
        <td>Hi</td>
    </tr>
    <tr>
        <td>Bye</td>
    </tr>
</table>

Answer 1

为您的JS使用document.ready。

$(document).ready(function(){
     $('.myClass td').css({'background-color': 'yellow'}); 
});

Answer 2

使用$(document).ready()：

$(document).ready(function(){
     $('.myClass td').css({'background-color': 'yellow'}); 
});

有关工作示例，请参阅jsfiddle。

Answer 3

window.onload可能会被某些东西覆盖。

而是尝试

$(function(){
     $('.myClass td').css({'background-color': 'yellow'}); 
});

这是$(document).ready的缩写。

Here讨论了onload和ready事件之间的差异。

Answer 4

将您的函数绑定到jQuery的document.ready事件：

$(document).ready(function () {
    $('.myClass td').css({'background-color': 'yellow'});
});

或者，更简洁：

$(function () {
    $('.myClass td').css({'background-color': 'yellow'});
});

Answer 5

window.onload=function(){
     $('.myClass td').css("background-color", "yellow"); 
}();

刚加入（）;最后调用它。

http://jsfiddle.net/p2Uwx/5/＆lt; - 更新小提琴

使用jQuery更改背景颜色

5 个答案: