认识JQuery

总结的十点：

1、jQuery2.0版不支持IE6/7/8，

2、$是jQuery的别名，两者可以互换。$("#id")等同于JQuery("#id");

     JQuery中的链式写法：对于同一个对象的操作不超过三个，建议写一行。

     如：$("#model").css("color","red").fadeIn("slow",o.5).animate({"width":"200px"}).show();

3、DOM它定义了访问html文档对象的一套属性、方法、事件。

4、DOM是以层次结构组织的节点或信息片段的集合。是给HTML或者XML文件使用的一组API。        DOM的本质是，建立网页与脚本语言或者程序语言沟通的桥梁。

5、DOM对象：通过JavaScript获取到的节点就是DOM对象。

6、JQuery对象就是通过JQuery包装DOM对象产生的对象。

7、JQuery对象无法使用DOM对象的任何方法，反之亦然。(需区分清楚)

8、JQuery对象与DOM对象互相转换：

      JQuery对象转DOM对象（JQuery对象是一个数组对象）：

       例：var $cr = $("#cr");

       var cr = $cr[0];||$cr.get(0);//转换为DOM对象

       alert(cr.checked);

       DOM对象转换为JQuery对象：

       例：var cr = document.getElementById("cr");

        var $cr = $(cr);

9、JQuery中的ready与window.onload:

      window.onload:

      1、在常规的JavaScript代码中常使用。

      2、必须等待到网页中所有的内容加载完毕后（包括图片）才能执行；

      3、不能同时编写多过。若编写，执行后者。

      4、没有简化写法。

      $(document).ready():

      1、网页中所有DOM结构绘制完毕后就执行，可以允许与DOM元素相关联的内容没有加载完

      2、能同时编写多个，

      3、简写：$(function(){//do something});

      load()方法：

       会在元素onload时间中绑定一个处理函数。如果处理函数绑定给window对象，则会在所有的内         容加载完毕后触发；如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发

     例：$(window).load(function(){}); 相当于：window.onload = function(){};

10.JQuery与其它类库之间的冲突。

      其中一个例子：如果引入多个js库，在另外一个js库中也定义了$符号，那么就会发生冲突。

      解决方法之一：noConflict()方法。使用该方法后，在JQuery中不能使用$代替JQuery；不过可         以创建自己的简写如：var xx = $.noConflict();又或者在把$当参数传入函数中，不过这只能在函       数内使用，函数外不能。