jQuery教程
jQuery选择器
jQuery动画效果
jQuery节点操作
jQuery事件
jQuery HTML
jQuery遍历
jQuery其他
jQuery Ajax
jQuery参考手册
jQuery实例
jQuery插件

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的缺点
• 不能向后兼容。每一个新版本不能兼容早期的版本。 

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

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

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

jQuery的安装

您可以从网页中添加 jQuery

① 从官网 jquery.com 下载 jQuery 库

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

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

Development version - 用于测试和开发(未压缩,是可读的代码)

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

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

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

全部教程