对jquery库+外部文件的html引用

Question

我想知道如何在html引用jquery 。

据我了解，必须有2个链接：

1. 去图书馆
2. 到外部文件。

这是我的参考，似乎无效。

<script type="text/javascript" src="jquery.js" ></script>
<script src="jquery-2.1.3.js"></script>

PS。 第一次来这里，我知道这个问题听起来很愚蠢，我只是为此而发疯

Answer 1

您只需要一个参考。 假设您的文件夹结构是这样的：

my_project/
    index.html
    jquery.js

然后在index.html中，您只需要执行以下操作：

<script type="text/javascript" src="jquery.js" ></script>

包含JS文件。 但是，如果那里没有jquery.js，则想从CDN（内容交付网络）中引用它。 您可以执行以下操作：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" ></script>

Answer 2

最好使用CDN或内容交付网络作为jQuery和其他类似库的宿主。 本文很好地解释了好处。 高质量的免费CDN的一个例子是Google 。 这是您包括Google版本的jQuery 2.1.3的方法：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Answer 3

文件链接

<script type="text/javascript" src="js/jquery.js"></script>

源链接

<script type="text/javascript" src="http://thesource.com/jquery.js"></script>

内部脚本

<script> // javascript here </script>

Answer 4

1进入库： <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

2到外部js文件： <script type="text/javascript" src="/js/pinkmoon.js"></script> ，假设js文件与index.html位于同一文件夹中