jQuery入门

添加jQuery到你的网页

在你的网站上使用jQuery有如下几种方式：

从jquery.com下载jQuery库
从CDN包含jQuery，像Google

下载 jQuery

有两个可供下载的jQuery版本:

生产版本 - 这是你用在网站上的版本，它经过了压缩，体积小
开发版 - 这是用于测试和开发的（未压缩的和可读的代码）

两版本都可以从jquery.com下载.

jQuery库是一个JavaScript文件, 你可以使用 HTML <script> 标签引用它 (注意 <script> 标签将包含在 <head> 里面):

<head>
<script src="jquery-3.1.1.min.js"></script>
</head>

提示：将下载的文件放置在与您希望使用的页面相同的目录中.

在<script>标签里面，你想知道为什么我们没有使用type=“text/javascript”?

这是不需要的在HTML5里面。在所有的现代浏览器里面，JavaScript是默认的脚本语言!

jQuery CDN

如果你自己不想下载jQuery，你可以从CDN包含。

Google 和 Microsoft 都可以.

从 Google 或者 Microsoft使用jQuery,使用如下代码:

Google CDN:

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

让我试试

Microsoft CDN:

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
</head>

让我试试

从 Google 或者 Microsoft使用jQuery，有一个大的优势:

许多用户已经下载jQuery从谷歌或微软访问另一个网站的时候。因此，当他们访问您的站点时，它会从缓存中加载，这将导致加载时间更快。另外，大多数的CDN将确保一旦从用户文件的请求，它将是从最接近他们的服务器，这也导致了更快的加载时间。