关于jquery:jQuery-安装

34次阅读

共计 1290 个字符,预计需要花费 4 分钟才能阅读完成。

本节咱们学习 jQuery 的装置,咱们在理论我的项目中,如果要应用 jQuery,则须要先下载 jQuery 库,而后把它引入到要应用的网页中。

jQuery 有上面几种应用办法:

  • 从官网下载 jQuery 库,而后引入到页面中。
  • 应用命令装置 jQuery,例如 npmbower 命令。
  • 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

jQuerynpm 上注册为软件包,所以咱们能够应用 npm CLI 命令装置最新版本的 jQuery

npm install jquery

或者应用 Yarn 命令装置也能够:

yarn add jquery

应用这两种形式装置 jQuery,咱们能够在 node_modules/jquery/dist/ 中找到一个未压缩的发行版,一个压缩的发行版和一个映射文件。

应用 Bower 装置 jQuery

除了 npmjQuery 还通过 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

正文完
 0