1.1 jQuery概述

知识点讲解

本节重点介绍jQuery的概念和功能，以及如何下载和使用jQuery。

1.1.1 jQuery简介

简单来说，jQuery是一个优秀的JavaScript框架，它能帮助用户更方便地处理HTML（hypertext markup Language，超文本标记语言）文档、事件、动画效果、AJAX交互等。它的出现极大地改变了开发者使用JavaScript的习惯，掀起了一场新的“网页革命”。

jQuery由美国人约翰·瑞森（John Resig）于2006年创建，至今已吸引了来自世界各地众多的JavaScript高手加入其团队。最开始的时候，jQuery所提供的功能非常有限，其仅可以增强CSS的选择器功能。随着时间的推移，jQuery的新版本一个接一个地发布，它也越来越受到人们的关注。

如今jQuery已经发展成集JavaScript、CSS、DOM、AJAX功能于一体的强大框架，使用它可以通过简单的代码方便地实现各种网页效果。它的宗旨就是让开发者写更少的代码，做更多的事情（write less，do more）。

目前jQuery主要提供了如下功能。

• 访问页面框架的局部。DOM获取页面中某个节点或者某一类节点有固定的方法，而jQuery则大大简化了其操作步骤。
• 修改页面的表现。CSS的主要功能就是通过样式类来修改页面的表现。然而由于各个浏览器对CSS3标准的支持程度不同，使得CSS的很多特性没能很好地体现。jQuery很好地解决了这个问题，通过其中封装好的JavaScript代码，各种浏览器都能很好地使用CSS3标准，这极大地丰富了CSS的运用。
• 更改页面的内容。通过强大而方便的API（application program interface，应用程序接口），jQuery可以很方便地修改页面的内容，包括文本的内容、图片表单的选项甚至整个页面的框架等。
• 响应事件。jQuery可以更加方便地处理事件，这使得开发者不再需要考虑令人讨厌的浏览器兼容性问题。
• 为页面添加动画。通常在页面中添加动画都需要大量的JavaScript代码，而jQuery大大简化了这一过程。jQuery提供了大量可自定义参数的动画效果。
• 与服务器异步交互。jQuery提供了一整套与AJAX相关的操作，大大方便了异步交互的开发和使用。
• 简化常用的JavaScript操作。jQuery提供了很多附加的功能来简化常用的JavaScript操作，例如数组运算、迭代运算等。

1.1.2 下载并使用jQuery

jQuery的官网会提供最新的jQuery框架，如图1.1所示。通常只需要下载压缩过的（compressed）jQuery包即可。本书的例子使用的是3.6.0版本的jQuery。

图1.1 jQuery官网

下载完成后不需要任何安装过程，直接将下载的JS文件用<script>标记导入自己的页面即可，如下所示：

<script src="jquery-3.6.0.min.js"></script>

导入JS文件后，便可以按照jQuery的语法规则使用它了。