jQuery教程

什么是 jQuery

JQuery 是继 prototype 之后又一个优秀的 Javascript 库。它是轻量级的 js 库，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0 及后续版本将不再支持 IE6/7/8 浏览器。jQuery 使用户能更方便地处理 HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供 AJAX 交互。jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery 能够使用户的 html 页面保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆 js 来调用命令了，只需要定义 id 即可。

jQuery 是一个兼容多浏览器的 javascript 库，核心理念是 write less,do more(写得更少,做得更多)。jQuery 在2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布。

jQuery 是免费、开源的，使用 MIT 许可协议。jQuery 的语法设计可以使开发者更加便捷，例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 Ajax 以及其他功能。

当前较流行的 JavaScript 库

MooTools、YUI Library、DevExtreme、Bookmarklet Generator、Protorype、Dojo Toolkit 等。

DOM 对象

文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标志语言的标准编程接口。

通过 DOM 对 HTML 页面的解析，可以将页面元素解析为元素节点、属性节点和文本节点，这些解析出的节点对象，即 DOM 对象。DOM 对象可以使用 JavaScript 中的方法。

jQuery 对象

jQuery 对象是对 DOM 对象进行二次封装后的对象，是 jQuery 所特有的对象。其命名一般以$开头。其可调用 jQuery 的 API，但不能调用JavaScript 的 API。当然，DOM 更是不能调用 jQuery 的 API 的。

JavaScript对象和jQuery对象

JavaScript语法创建的对象叫做JavaScript对象, JavaScript对象只能调用JavaScript对象的API。

JQuery语法创建的对象叫做JQuery对象, jQuery对象只能调用jQuery对象的API。jQuery对象是一个数组。在数组中存放本次定位的DOM对象。

JQuery对象与JavaScript对象是可以互相转化的，一般地，由于Jquery用起来更加方便，我们都是将JavaScript对象转化成Jquery对象。

jQuery 的库文件

jQuery 的库文件可以直接从其官网下载：http://jquery.com

jQuery 的不同版本中，2.xx 不再支持 IE6/7/8 浏览器。现今浏览器纵生的年代，很多浏览器的内核使用的仍为 IE 内核。所以为了浏览器的兼容，一般使用 1.xx 版本的 jQuery。

对于每一个同一版本号的 jQuery，其库又分为两个。一个是未压缩版，可查看源码，开发时使用；一个是压缩版，将注释、空格均做了删除，将变量字符数减少，产品上线时使用。

jQuery的缺点
o 不能向后兼容。每一个新版本不能兼容早期的版本。

o 插件兼容性不是太好，与上一点类似。

o 在同一页面上使用多个插件时，很容易碰到冲突现象，尤其是这些插件依赖相同事件或selector时最为明显。

o 在大型框架中，jQuery核心代码库对动画和特效的支持相对较差。但是实际上这不是一个问题。目前在这方面有一个单独的jQuery UI项目和众多插件来弥补此点。

jQuery的安装

您可以从网页中添加 jQuery

① 从官网 jquery.com 下载 jQuery 库

② 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

下载 jQuery
Production version - 用于实际的网站中，已被精简和压缩。

Development version - 用于测试和开发（未压缩，是可读的代码）

可以通过多种方法在网页中添加 jQuery。您可以使用以下方法：

有两个版本的 jQuery 可供下载：

以上两个版本都可以从官网jquery.com中下载。

jQuery牛刀小试