jquery - 使用 jQuery 更改背景颜色

Question

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

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

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.

这里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/ <-- 更新小提琴