忽略了HTML中<script>引入jQuery文件的顺序，要把JQuery库的引用放到第一个<script>引用前面，这样顺序执行后面的js文件才能识别$
还有一种可能是路径错误
把我坑惨了
经过我的实验发现
当路径是这样时，使用<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script>
能够成功加载jQuery库
而当路径为
时，使用<script type="text/javascript" src="WEB-INF/js/jquery-3.7.1.min.js"></script>
无法导入，但是在idea里确实能够确认到是有效路径，点击路径是确实可以找到文件
具体原因我也不知道，但把js文件夹从WEB-INF拿出后问题得到了解决
