jQuery 安装

可以通过多种方法在网页中添加 jQuery

  1. jquery.com 下载 jQuery 库

  2. 从 CDN 中载入 jQuery 如从 https://staticfile.org 中 加载 jQuery

  3. 使用 NPM 命令安装

下载 jQuery ( 推荐 )

有两个版本的 jQuery 可供下载

  1. Production version - 用于实际的网站中,已被精简和压缩。
  2. Development version - 用于测试和开发(未压缩,是可读的代码)

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

jQuery 库是一个 JavaScript 文件

我们可以使用 HTML 的 <script> 标签引用它

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

将下载的文件放在网页的同一目录下,就可以使用 jQuery

为什么我们没有在 <script> 标签中使用 type="text/javascript" ?

HTML5 中,不必那样做了

JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言

使用 CDN

目前国内的 CDN 更新都不太及时,除了 staticfile.org 等少数几个还可以,所以我们推荐你下载到自己的网站上

如果不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它

百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery

如果你的网站面向国内用户,建议使用 staticfile.org 和百度等国内 CDN 地址

如果你的网站面向海外用户,那么可以使用谷歌和微软

staticfile.org

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js">
</script>

运行范例 »

百度 CDN

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>

百度虽然好,但更新太慢了,目前 2.X 系列的最新版才到 2.1.4

运行范例 »

Google CDN

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

运行范例 »

不推荐使用 Google CDN 来获取版本,因为 Google 产品在中国很不稳定

Microsoft CDN:

<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>

运行范例 »

使用百度、又拍云、新浪、谷歌或微软的 jQuery,有一个很大的优势:

许多用户在访问其它站点时,已经从百度、新浪、谷歌或微软加载过 jQuery

所有结果是,当它们访问我们的站点时,会从缓存中加载 jQuery,这样可以减少加载时间

同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.