Javascript jQuery可以在JSFIDLE上工作，但不能在本地工作

我编写了一个简单的程序来查看jQuery是否在本地工作，结果却不是这样。在此程序中，将鼠标悬停在红色框上会将下面没有颜色的框更改为绿色

以下是JSFIDLE：

这是本地代码（它不工作）

.气垫箱{
背景色：红色；
宽度：20px；
高度：20px；
}
.陈列柜{
宽度：20px；
高度：20px；
}
$（'.hoverbox'）.hover（函数（）{
$（'.showbox'）.css（“背景色”、“绿色”）；
});

输入此代码

$(function(){
     $('.hoverbox').hover(function() {
            $('.showbox').css("background-color", "green");
        });

    });

---

您可以像下面这样使用：

$(document).ready(function(){
      $('.hoverbox').hover(function() {
          $('.showbox').css("background-color", "green");
      });
});

---

使用

$（document.ready（）

的参考是

在将目标元素添加到dom之前执行脚本时需要使用的…在JSFIDLE中，默认情况下脚本添加到

窗口中。onload

处理程序。。。请参阅左侧面板中的第二个下拉列表（在

框架和扩展下）@ArunPJohny非常感谢，完全忘记添加该内容。请参阅，我建议您阅读。
$(document).ready(function(){
      $('.hoverbox').hover(function() {
          $('.showbox').css("background-color", "green");
      });
});