总结的十点:
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();又或者在把$当参数传入函数中,不过这只能在函 数内使用,函数外不能。