jQuery简介

1，jQuery发展历史：是一个javascript库，封装的一些常用的操作：

2、为什么要封装？1，javascript，DOM非常繁琐2，浏览器兼容性

3、封装一些javascript常用的操作，库

1，prototype：封装javascript常用的对象和函数（功能强大，而且最早的库），缺点（面向对象把握的不是很好）

2，dojo，提供了其他库没有的功能，例如离线存储，SVG绘图，而且他得到了IBM  SUN这些公司的推广。文档不全，学习起来曲线比较陡；

3，ExtJs:企业级的框架，功能强大（他以jquery做最底层的），缺点：注重的是样式，结构比较臃肿，他不是完全免费，如果需要从事商业用途，需要付费获得许可证

4、jQuery:市场占有率稳步上升，代码比较少，功能强大：DOM比较强大，事件处理，完全解决了浏览器的兼容性问题，ajax操作（比较好）

5，jquery对象和DOM对象

Jquery对象可以理解成封装好javascript对象之后的对象

我们要严格区分开jquery对象和javascript的对象

6、使用

从jquery.com网站下载最新版本

1，在jquery中$就是jquery, $(“#content”) 就是jquery(“#content”)

Jquery的$(document).ready（）和window.onload还是有区别：

（1）window.onload()  需要等到整个页面加载完毕（包括需要的图片等文件都加载完毕）才执行

（2）$(document).ready（）只需要解析器先将文件的DOM结构绘制完毕就执行，不等待其他文件是否加载完毕

7、区分开jquery对象和DOM对象

DOM对象----javascript操作的对象                

Jquery对象----将常用的javascript对象封装后形成自己的对象 

为了区分开是DOM对象还是jquery对象，我们是通过声明变量的时候设置的：

通常jquery对象，我们使用 

var $p= jquery对象

Var p= DOM对象

 

转化：

 (1)jQuery对象转化为DOM对象

既然他是封装的javascript的对象，他肯定是一个数组，保存的是对象的集合通过数组下标的形式转化

例：

//3、jquery对象转化成dom对象
var $p=$("#id");
var p=$p[0];//var p=$p.get(0);1.下标2.get
p.innerHTML="hello";

//4、Dom对象转化成jquery对象
var p=document.getElementById("id");
//使用$()--jquery的构造工厂，将里面的参数构造成一个jquery对象
var $p=$(p);
$p.css("color","red");