当前，WEB开发几乎所有的项目前端都依赖于jQuery框架。jQuery框架是一个开源的JavaScript，它对JavaScript进行了功能封装，开发人员使用少量的代码就能完成要编写很多JS语句才能完成的功能。
jQuery的核心思想就是“写得少，做的多”。jQuery提供的HTML选择器，可以方便地选择网页文档的任何HTML元素；jQuery允许把一系列的DOM操作像链条一样连续写出来；jQuery封装的事件处理机制相对JS来说更易于操作；jQuery提供的Ajax技术可以简化Ajax的调用。总之一句话，使用jQuery极大提高了开发者编写网站代码的效率。
1、 下载jQuery
为了能够使用jQuery，需要从jQuery官网下载最新的jQuery库，jQuery官网地址如下：
https://jquery.com
在jQuery官网首页，有下载最新jQuery版本的按钮，单击按钮即可下载最新版本的jQuery库。当前最新版本是jQuery 3.5.1。
jQuery官网提供了3个下载文件，开发者可以根据需求选择下载：
production jQuery版是优化压缩后的版本，具有较小的体积，主要在部署网站时使用。
development jQuery版是未压缩版本，一般在开发网站时使用，用于调试代码。
jQuery map文件能够被用来在某些浏览器上调试压缩后的jQuery文件，如Google Chrome。map文件可以增强调试的体验，对于使用jQuery 的用户来说，一般不需要下载该文件。
2、 引入jQuery库到网页文档
jQuery库下载成功后，它是一个JS文件，当前下载的版本是jQuery3.5.1，下载的JS文件为：
jquery-3.5.1.min.js
在网页文档中要使用jQuery库，可以将jQuery库的JS文件放置到网站的一个公共目录，网站的每个网页文档都可以引入JS文件。
引入方法是在网页文档<head>标签内，添加下面的代码即可。
<script src="script/jquery-3.5.1.min.js" type="text/javascript" ></script>
<script >是引入JS脚本文件的标签。src属性是脚本文件的路径，可以是相对路径，也可以是绝对路径。本案例是相对路径，jquery-3.5.1.min.js脚本文件放置在网页文档所在目录下的script子目录。Type属性是脚本文件类型，一般是javascript类型。
3、 使用jQuery库
在jQuery脚本代码中使用$符号代替jQuery，无论是页面元素的选择还是内置的功能方法，都是以一个美元符号“$”和一对圆括号开始，其实，“$()”方法是jQuery库中最重要、最核心的方法jQuery()的简写，主要用来选择页面元素或执行功能方法，代码如下：
//执行一个匿名方法
$(function() {});
//执行ID 元素选择
$('#box');
//执行功能方法
$('#box').css('color','red');案例1：使用jQuery库的网页代码（案例代码见unit4\case1.html）：
<html>
<head>
<title>JavaScript开发案例</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="script/jquery-3.5.1.min.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#id_btn").click(function(){
alert("使用jQuery库");
});
});
</script>
</head>
<body>
<h3>JavaScript开发案例</h3>
<p><input type="button" id="id_btn" value="使用jQuery库"/></p>
</body>
<html>案例代码引入jquery-3.5.1.min.js脚本文件，在<script>标签内编写jQuery代码。
jQuery代码$(document).ready()和Window对象的onload()方法相似，不同的是onload()方法是在页面加载完成后调用，包括DOM元素和其它页面元素（例如图片文件），而$(document).ready()是在网页文档的DOM元素被加载完成后的情况下执行，因此document.ready()方法的执行速度比onload()的方法要快。
$("#id_btn")是jQuery选择器，用于获取id值为”id_btn”的DOM元素，然后绑定click事件。
从jQuery案例代码可以看出，使用jQuery简化了DOM元素的选取和事件的绑定操作。