第1章 WEB前端开发工程师-jQuery框架 1-1：jQuery概述

                                                                          jQuery 概述

 

本节课所讲内容：

1. jQuery概述

2. jQuery版本

3. jQuery库的优势

4. 下载及运行 jQuery

                                                                       主讲教师：Head老师

一. jQuery概述

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

二. jQuery版本

版本的版本号升级主要有三种：第一种是大版本升级，比如 1.x.x 升级到 2.x.x，这种升

级规模是最大的，改动的地方是最多的，周期也是最长的，jQuery 从 1.x.x 到 2.x.x 用了 7

年。第二种是小版本更新，比如 1.7 升级到 1.8，改动适中，增加或减少了一些功能，一般

周期半年到一年左右。第三种是微版本更新，比如 1.8.1 升级到 1.8.2，修复一些 bug 或错误

之类。

版本的内容升级主要也有三种：第一种是核心库的升级，比如优化选择符、优化 DOM

或者 AJAX 等；这种升级不影响开发者的使用。第二种是功能性的升级，比如剔除一些过

时的方法、新增或增强一些方法等等；这种升级需要了解和学习。第三种就是 BUG 修复之

类的升级，对开发者使用没有影响。

学习者有一种担忧，比如学了 1.3 版本的 jQuery，那么以后升级新版本是不是还需要重

学？没必要，因为并不是每次升级一个版本都会增加或剔除功能的，一半左右都是内部优化，

升级到新版本并不需要任何学习成本。就算在新的版本增加了一些功能，只需要几分钟了解

一下即可使用，无需清零之前的知识，只需后续累加。当然，在早期的 jQuery 版本都创建

了最常用的功能，而新版本中增加的功能，也不是最常用的，无需立即学习，立马用起。

三. jQuery库的优势

jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 JavaScript。主要

功能有以下几点：

1.像 CSS 那样访问和操作 DOM

2.修改 CSS 控制页面外观

3.简化 JavaScript 代码操作

4.事件处理更加容易

5.各种动画效果使用方便

6.让 Ajax 技术更加完美

7.基于 jQuery 大量插件

8.自行扩展功能插件

jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript

要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到

单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼

着考虑不同浏览器的兼容问题。

目前除了 jQuery，还有 5 个库较为流行，他们分别是 YUI、Prototype、Mootools、Dojo

和 ExtJS。

YUI，是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。

Prototype，是最早成型的 JavaScript 库之一，对 JavaScript 内置对象做了大量的扩展。

Dojo，Dojo 强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。

Mootools，轻量、简洁、模块化和面向对象的 JavaScript 框架。

ExtJS，简称 Ext，原本是对 YUI 的一个扩展，主要创建前端用户界面。(付费的)

四. 下载及运行 jQuery

下载及运行 jQuery

目前最新的版本，是 1.12.1 ，3.0.x，我们下载开发版，可以顺便读一读源代码。如果

你需要引用到你线上的项目，就必须使用压缩版，去掉了注释和空白，是容量最小。

本课程使用的软件是：sublime

使用测试的浏览器为：Firefox3.6.8、Firefox21+、Chrome、IE6/7/8/9、Opera 和 Safari

使用的版本为：1.12.1、2.02

使用的 html 版本为：xhtml1.0，在必要的时候将会使用 html5

使用的调试工具：Firefox 下的 firebug

//单击按钮弹窗

$(function () {

$('input').click(function () {

alert('第一个 jQuery 程序！');

});

});