我无法将我的JQuery文件链接到我的HTML文件

Question

无论尝试如何，我似乎都无法将JQuery文件链接到HTML文件。当我将其放在HTML页面上的脚本部分中时，JQuery代码本身可以工作，但无法从文件中工作。

在这里显示我的HTML：

lib

和身体底部：

tsconfig.json

这是JQuery代码：

"lib": [..., "dom"]

Answer 1

1. 您在两个地方调用了jquery cdn，将其从头部移除。
2. ，只需将Jquery.js文件添加到页面底部的Jquery cdn下方，即可看到魔术。
3. 无需在您的JS文件中调用Jquery cdn，也可以从其中删除它

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

以上并非包括jquery的最佳实践。最好使用defer代替：

<script src="demo_defer.js" defer></script>