JavaScript教程之jQuery 概述

当前位置:

随着JavaScript、CSS、DOM 和Ajax 等技术的不断进步，越(相关javascript教程)来越多的开发者将一个又一个

丰富多彩的功能进行封装，供更多的人在遇到类似情况时使用，jQuery 就是其中的优秀一员。

从本章开始，陆续介绍jQuery 的相关知识，本章作为介绍jQuery 的第1 章，将重点讲解jQuery

的概念以及一些简单的基础运用。

10.1 jQuery 概述

本节重点介绍jQuery 的概念，并通过实例来展示页面中引入jQuery 的优势，以及如何下载

和使用jQuery。

10.1.1 jQuery 是什么

就像9.4 节中提到的Ajax 框架一样，简单地说，jQuery 是一个优秀的JavaScript 框架，它

能使用户更方便地处理HTML 文档、events 事件、动画效果和Ajax 交互等。它的出现极大程度

地改变了开发者使用JavaScript 的习惯，掀起了一场新的网页革命。

jQuery 由美国人John Resig 于2006 年最初创建，至今已吸引了来自世界各地的众多JavaScript

高手加入其团队。最开始的时候，jQuery 所提供的功能非常有限，仅仅可以增强CSS 的选择器功

能。但随着时间的推移，jQuery 的新版本一个接一个地发布，它也越来越受到人们的关注。

如今jQuery 已经发展到集各种JavaScript、CSS、DOM 和Ajax 功能于一体的强大框架，可

以用简单的代码轻松地实现各种网页效果。它的宗旨就是让开发者写更少的代码，做更多的事

情（Write less, do more）。

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

（1）访问页面框架的局部。这是第5 章介绍的DOM 模型所完成的主要工作之一，通过前

面章节的示例也可以看到，DOM 获取页面中某个节点或者某一类节点有固定的方法，而jQuery

则大大地简化了其操作的步骤。

（2）修改页面的表现（Presentation）。CSS 的主要功能就是通过样式风格来修改页面的表

现。然而由于各个浏览器对CSS3 标准的支持程度不同，使得很多CSS 的特性没能很好地体现。

jQuery 的出现很好地解决了这个问题，它通过封装好的JavaScript 代码，使得各种浏览器都能

很好地使用CSS3 标准，极大地丰富了CSS 的运用。

（3）更改页面的内容。通过强大而方便的API，jQuery 可以很方便地修改页面的内容，包

括文本的内容、插入新的图片、表单的选项，甚至整个页面的框架。

（4）响应事件。在第6 章中介绍了JavaScript 处理事件的相关方法，而引入jQuery 之后，

可以更加轻松地处理事件，而且开发人员不再需要考虑讨厌的浏览器兼容性问题。

（5）为页面添加动画。通常在页面中添加动画都需要开发大量的JavaScript 代码，而jQuery

栏目列表