如何将我的脚本包装在$（document）.ready（function（）{

Question

我需要帮助将代码包装在ready函数中。以下是我的代码：

var color = "White";
$("#btnBlue").hover(function () { color = "Blue" });
$("#btnGreen").click(function () { color = "Green" });
$("#btnYellow").click(function () { color = "Yellow" });
$("table tr td").click(function () { $(this).css("background-color", color); });

我想将代码包装到下面的函数中：

$( document ).ready(function() {

// Your code here.

});

我非常感谢你能给予的任何帮助。

Answer 1

你可以这样做：

$( document ).ready(function() {

var color = "White";
$("#btnBlue").hover(function () { color = "Blue" });
$("#btnGreen").click(function () { color = "Green" });
$("#btnYellow").click(function () { color = "Yellow" });
$("table tr td").click(function () { $(this).css("background-color", color); });

});