下载掌阅APP，畅读海量书库
立即打开
jQuery下载与配置
要在自己的网站中应用jQuery库，是需要下载并配置jQuery的。下面介绍如何下载与配置jQuery。
jQuery是一个开源的脚本库，可以在它的官方网站中下载。下面介绍具体的下载步骤。
（1）进入jQuery官方网站的首页，如图2-4所示。
图2-4 jQuery官方网站的首页
（2）在jQuery官方网站的首页中，可以下载所需要的jQuery版本，本书使用jQuery 3.6.4。单击网站首页中的“Download jQuery”按钮，页面跳转之后单击所需要的版本链接，选择“另存为”选项，弹出图2-5所示的对话框。
图2-5 下载jquery-3.6.4.min.js
（3）单击“保存”按钮，将jQuery下载到本地计算机。下载后的文件名为jquery-3.6.4.min.js。
将jQuery下载到本地计算机后，还需要在项目中配置jQuery，即将下载后的文件放置到项目指定的文件夹中（通常放置到js文件夹中），然后在需要应用jQuery的页面中使用下面的语句，将其引用到文件中。
或者
引用jQuery的<script>标记必须放在所有自定义脚本文件代码的<script>标记之前，否则在自定义脚本文件代码中会找不到jQuery脚本库。
了解了如何下载和配置jQuery之后，我们可以通过一个简单的实例尝试编写jQuery脚本。
【例2-1】 应用jQuery弹出一个提示对话框（实例位置：源码\第2单元\2-1）。
（1）创建一个名为js的文件夹，并将jquery-3.6.4.min.js复制到该文件夹中。
（2）创建一个名为index.html的文件，在该文件的<head>标记中引用jQuery库文件，关键代码如下：
（3）编写jQuery脚本，实现在页面载入完毕后，弹出一个提示对话框，具体代码如下：
实际上，上面的代码还可以更简单，也就是将$（document）.ready用“$”代替，代替后的代码如下：
运行index.html，将弹出图2-6所示的提示对话框。
图2-6 弹出的提示对话框
熟悉JavaScript的读者应该知道，要实现例2-1的效果，还可以通过下面的代码实现：
window.onload()方法和$（document）.ready()方法有什么区别，究竟哪种方法更好呢？下面介绍两者的区别。window.onload()方法是在页面所有内容（例如图片、横幅等）都载入完毕后才会执行的。$（document）.ready()方法则在DOM元素载入就绪后执行。在一个页面中可以放置多个$（document）.ready()方法，而window.onload()方法在页面中只允许放置一个（常规情况）。这两种方法可以同时在页面中执行，两者并不矛盾。不过，通过上述描述我们可以知道，$（document）.ready()方法比window.onload()方法载入速度更快。