第1章 jQuery简介

1.1 什么是jQuery

jQuery是一个JavaScript库，它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是JohnResig，于2006年创建的一个开源项目，随着越来越多开发者的加入，

jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。

主旨：以更少的代码、实现更多的功能

1.2 jQuery的版本

从2005年8月开始，进入公共开发阶段，随之而来的新框架于2006年1月14日正式以jQuery的名称发布。

 

2006年8月发布了jQuery1.0，第一个稳定版本，具有对CSS选择符、事件处理和Ajax交互的支持。

2013年4月发布了jQuery2.0，5月发布了jQuery2.0.2，一个重大更新版本，不在支持IE6/7/8，体积更小，速度更快。

1.3 功能和优势

jQuery作为JavaScript封装的库，他的目的就是为了简化开发者使用JavaScript。主要 功能有以下几点：

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

2.修改CSS控制页面外观

3.简化JavaScript代码操作

4.事件处理更加容易

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

6.让Ajax技术更加完美

7.基于jQuery大量插件

8.自行扩展功能插件

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

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

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

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

 

优势总结：

1、轻量级

2、强大的选择器

3、出色的DOM操作的封装

4、可靠的事件处理机制

5、完善的Ajax

6、不污染顶级变量

7、出色的浏览器兼容性

8、链式操作方式

9、隐式迭代

10、行为层与结构层的分离

11、丰富的插件支持  后期扩展非常方便

 

主旨：以更少的代码、实现更多的功能

1.4 jQuery对象与dom对象的转换

// 获取dom对象

var domObj = document.getElementById("username");

// dom对象化成jQuery对象

var jquery_domObj = $(domObj);

    

/**

 * 把jQuery对象转化成dom对象

*/

var domObj2 = jquery_domObj[0];     // dom对象

var domObj3 = jquery_domObj.get(0);// dom对象