首页技术文章正文

如何下载和引入jQuery文件?

更新时间:2023-03-27 来源:黑马程序员 浏览量:

1.下载jQuery

访问jQuery官方网站(http://jquery.com),如图1-1所示。

1679896786988_101.png

jQuery官方网站

在页面上方可以看到Download jQuery按钮,该按钮上的v3.3.1是jQuery当前最新版本的版本号,单击该按钮后,进入下载页面。

为了获取其他版本的jQuery,在下载页面的下半部分找到https://code.jquery.com链接,获取jQuery所有版本的下载链接地址,如图2所示。

1679897423195_102.png

图2 获取jQuery下载地址

单击图2中标示出的链接,进入jQuery所有版本的下载页面,即可看到jQuery1.12.4版本的jQuery文件下载链接,如图3所示。

1679897660137_103.png

图3 jQuery 1.12.4压缩版和未压缩版

从图l-3中可以看出,jQuery文件的类型主要包括未压缩(uncompressed)的开发版和压缩(minified)后的生产版。它们的区别在于,压缩版本是将jQuery文件中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些优化,使得文件体积减小,加载速度比未压端版快。而未压缩版本的代码可读性更好,所以建议读者在学习期间选择未压缩版本。

2.引入jQuery

在项目中引入jQuery时,只需要把下载好的jQuery文件保存到项目目录中,在项目的HTML文件中使用标签引入即可。示例代码如下。
<!--引入本地下载的jQuery-->
<script src="jquery-1.12.4.js"></script>
许多网站提供了静态资源公共库,通过CDN(内容分发网络)可以提高jQuery的下载速度。示例代码如下。
<!--引入CDN加速的jQuery-->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>


分享到:
在线咨询 我要报名
和我们在线交谈!