8.1　jQuery概述

学习目标

了解jQuery特性、功能、前沿等内容。

jQuery是一个JavaScript函数库。使用jQuery技术极大地简化了JavaScript编程，jQuery是一个“写的更少，但做的更多”的轻量级JavaScript库，编程简单，功能强大，应用广泛，属于目前Web开发人员的必修课。

8.1.1　jQuery简介

jQuery是继prototype之后又一个优秀的JavaScript框架。它是轻量级的js库（压缩后只有21KB），它兼容CSS3，还兼容各种浏览器（IE 6.0+，FF 1.5+，Safari 2.0+，Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现Web网页绚丽多彩的动态效果，并且方便地为网站提供AJAX异步交互应用，给Web应用提供了强有力的技术后盾。

jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择，源码完全开放，在互联网上都可以免费下载。

8.1.2　下载jQuery

互联网上下载的jQuery函数库共有两个版本可供下载，一份是压缩过的（节省磁盘空间），另一份是未压缩的（供调试或阅读），两个版本功能完全等价，这两个版本都可从jQuery.com下载。

jquery-1.7.1.js　　　　未压缩的（供调试或阅读）
jquery-1.7.1.min.js　　压缩过的（节省磁盘空间）

网页中要使用jQuery技术，就首先要在网页中引入一个js文件，一般引入jquery-1.7.1.js这个文件，引入语法如下。

<script type="text/javascript" src="JS/jquery-1.7.1.js"></script>

8.1.3　jQuery前导课程

（1）HTML标记语言。

（2）CSS样式应用。

（3）JavaScript脚本编程语言。

8.1.4　jQuery库特性

（1）写更少的代码，做更多的事情，支持各种主流浏览器。

（2）屏蔽浏览器差异，对DOM的操作提供了方便的扩展，易用的事件处理API和动画API数据接口。

（3）强大的插件机制。

（4）社区活跃，文档非常齐全，全部配有示例。

（5）学习容易，易用性很高，无论是长期接触服务端的语言编程者，还是作为一个普通设计师，都可以轻松使用jQuery使网站变得更加绚丽，更加具备良好的用户体验。

8.1.5　jQuery发展前沿

jQuery是目前使用最广泛的JavaScript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他函数库。微软公司甚至把jQuery作为他们的官方库。

对于网页开发者来说，学会jQuery是必要的。因为它使开发人员了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。

虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，学习jQuery一开始入门很方便，但是要提高很困难，不过只要多练多用还是比较容易提高的。

8.1.6　jQuery能做什么

jQuery库为Web脚本编程提供了通用的抽象层，使得它几乎适用于任何脚本编程的情形。由于它容易扩展而且不断有新插件面世增强它的功能，所以一个章节无法涵盖它所有可能的用途和功能。抛开这些不谈，仅仅就其核心特性而言，jQuery能够满足下列需求。

（1）获取HTML页面的部分元素。

如果不使用JavaScript库，遍历DOM树，以及查找HTML文档结构中某个特殊部分，必须编写很多行代码。jQuery为准确地获取需要检查或操作的文档元素，提供了可靠而富有效率的选择符机制。

（2）动态修改页面的外观。

CSS虽然为影响文档呈现的方式提供了一种强大的手段，但当所有浏览器不完全支持相同标准时，单纯使用CSS就会显得力不从心。jQuery可以弥补这一不足，它提供了跨浏览器的标准解决方案。而且，即使在页面已经呈现之后，jQuery仍然能够改变文档中某个部分的类或者个别的样式属性。

（3）动态修改页面的内容。

jQuery能够影响的范围不局限于简单的外观变化，使用少量代码，jQuery就能改变文档内容。可以改变文本、插入或翻转图像、对列表重新排序，甚至，对于HTML文档的整个结构都能重写和扩充，所有这些只需要一个简单易用的API。

（4）在页面中响应用户交互操作。

即使是最强大和最精心设计的行为，如果无法控制它何时发生，那它也毫无用处。jQuery提供了截取形形色色的页面事件的适当方式，而不需要使用事件处理程序搞乱HTML代码。此外，它的事件处理API也消除了经常困扰Web开发人员的浏览器不一致性。

（5）给页面加上动画效果。

为了实现某种交互操作，设计者也必须向用户提供视觉上的反馈。jQuery中内置的一批淡入、淡出之类的效果，以及制作新效果的工具包，为此提供便利。

（6）无刷新返回服务器端的数据信息。

这种编程模式就是众所周知的Ajax，它能辅助Web开发人员创建出反应灵敏、功能丰富的网站。jQuery通过消除这一过程中的浏览器特定的复杂性，使开发人员得以专注于服务器端的功能设计。

（7）简化常见的JavaScript任务。

除了以上针对文档的特性之外，jQuery也提供了对基本的JavaScript结构（比如：迭代和数组操作等）的增强。