Javascript jQuery代码赢得'；在浏览器中打开index.html时不会运行。控制台中没有错误

我就是不能让一个非常简单的toggleClass（）工作，我也不知道为什么。实际上，这只是开始使用jQuery的一个练习。在这里，它作为一个代码片段可以正常工作，当我在控制台中手动输入它时，而不是在Chrome或Firefox中从我的计算机打开index.html文件时。 然后，当我在控制台中手动输入jQuery时，它也可以工作！所有文件都链接正确，我已通过警报确认。div显示为红色，悬停时不会改变颜色。有什么建议吗

$（'.test'）。悬停(
函数（）{
$（this.toggleClass（'testhover'）；
});
.test{
宽度：100px；
高度：100px；
背景色：红色；
}
.测试悬停{
背景颜色：蓝色；
}
这是因为在.test元素之前插入了脚本。
加载DOM时，它首先执行脚本，然后添加div.test

<div class="test"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



这将解决它
哇，作为一个评论，这太难看了。很抱歉jquery是第一位的。这是错误的吗？请将完整的HTML代码添加到您的问题中，然而，这只是此代码片段的解决方案。在现实生活中，通常在文档上运行jQuery代码。ready jQuery对此有一种特殊的速记语法：$（function（）{//run your code here}）；非常感谢你。我知道，这是如此的基本，但显然我不知道谷歌或在论坛上搜索什么。