在 HTML 页面的头部包含脚本标记

Created: November-22, 2018

要从官方 CDN 加载 jQuery ，请转到 jQuery 网站。你将看到可用的不同版本和格式的列表。

https://i.stack.imgur.com/eOt5z.jpg

现在，复制你要加载的 jQuery 版本的源代码。假设，你想加载 jQuery 2.X ，点击未压缩或缩小的标签，它会显示如下：

https://i.stack.imgur.com/E8zjB.jpg

复制完整代码（或单击复制图标）并将其粘贴到 html 的 <head> 或 <body> 中。

最佳实践是使用 async 属性在 head 标记处加载任何外部 JavaScript 库。这是一个演示：

<!DOCTYPE html>
    <html>
      <head>
         <title>Loading jquery-2.2.4</title>
         <script src="https://code.jquery.com/jquery-2.2.4.min.js" async></script>
      </head>
      <body>
          <p>This page is loaded with jquery.</p>
      </body>
   </html>

当使用 async 属性时，有意识的是，javascript 库然后被异步加载并尽快执行。如果包含两个库，其中第二个库依赖于第一个库，则如果第二个库在第一个库之前加载并执行，那么它可能会抛出错误并且应用程序可能会中断。