本节咱们学习 jQuery
的装置,咱们在理论我的项目中,如果要应用 jQuery
,则须要先下载 jQuery
库,而后把它引入到要应用的网页中。
jQuery
有上面几种应用办法:
- 从官网下载
jQuery
库,而后引入到页面中。 - 应用命令装置
jQuery
,例如npm
、bower
命令。 - 从
CDN
中载入jQuery
,比方从Google
中加载jQuery
。
jQuery 下载
咱们 能够在 jQuery
的官网下载 jQuery
,下载地址为:https://jquery.com/download/。
有两个版本的 jQuery
可供下载:
- 生产版本:用于理论网站中,已被精简和压缩。
- 开发版本:用于测试和开发,未压缩,是可读代码。
咱们依据须要下载相应的版本,例如我下载的是 jquery-3.5.1.min.js
文件,而后能够把下载好文件放到与网页雷同的目录中,这样更方便使用。
接着就能够在页面中引入 jquery
文件啦,引入格局如下所示:
<script src="jquery-3.5.1.min.js"></script>
应用 npm 装置 jQuery
jQuery
在 npm
上注册为软件包,所以咱们能够应用 npm CLI
命令装置最新版本的 jQuery
:
npm install jquery
或者应用 Yarn
命令装置也能够:
yarn add jquery
应用这两种形式装置 jQuery
,咱们能够在 node_modules/jquery/dist/
中找到一个未压缩的发行版,一个压缩的发行版和一个映射文件。
应用 Bower 装置 jQuery
除了 npm
,jQuery
还通过 Bower
注册为软件包,所以咱们也能够应用 bower
命令装置最新版本的 jQuery
:
bower install jquery
应用这种形式,会将 jQuery
装置到 Bower
的装置目录,默认为 bower_components
。咱们能够在 bower_components/jquery/dist/
目录下找到一个未压缩的发行版,一个压缩的发行版和一个映射文件。
将 jQuery 与 CDN 一起应用
如果咱们不心愿下载并寄存 jQuery
的话,咱们也能够从 CDN
(内容散发网络)援用它。
CDN
是构建在现有网络根底之上的智能虚构网络,依附部署在各地的边缘服务器,通过核心平台的负载平衡、内容散发、调度等功能模块,使用户就近获取所需内容,升高网络拥塞,进步用户拜访响应速度和命中率。
比方谷歌和微软服务器都存有 jQuery
,如果咱们须要援用的话,能够像上面这样:
-
Google
援用jQuery
:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-
Microsoft
援用jQuery
:<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js"></script>
总结
下面咱们讲到了 jQuery
的几种装置形式,在前面的学习章节中,咱们会采纳间接在官网下载 jQuery
库,而后在页面中援用的形式来应用 jQuery
。