jquery和DOM比较

1、window.onload和$(document).ready()的区别

 

	window.onload	$(document).ready()
执行时机	必须等整个网页中所有的内容加载完毕后(包括图片)才能执行	网页中所有DOM结构绘制完毕后就执行,可能DOM元素并没有加载完
编写个数	不能同时编写多个 Window.load=function(){ Alert(“helloworld”); } Window.load=function(){ Alert(“helloworld”); } 只会输出最后一次结果	$(document).ready(functtion(){ Alert(“helloworld”); }); $(document).ready(functtion(){ Alert(“helloworld”);   }); 会输出两次结果
简化

 

 

2、jquery对象和DOM对象的区别

Juery对象是包装DOM后的产生的对象,DOM是原生对象，是一个基本的文档结构。

方法上区别:

DOM中:获取元素节点:document.getElementsByTagName或者getElementById来获取，获取属性：对象.innerHTML;

Jquery中：利用$(#id).html()获取id元素内的html

 

3.jquery对象和DOM对象的转换

A.首先约定好定义变量的风格；若定义jquery对象，则加上$,如$varibale若为DOM，直接定义为variable

B.Jquery对象转成DOM对象可利用get(index)和$[index]

利用数组，可用$[index]来获取一个DOM对象，如var$cr=$(“#cr”);varcr=$cr[0]

利用get方法，如var$cr=$(“#cr”);varcr=$cr.get(0);

C.DOM对象转成Jquery对象

利用$()将DOM对象包装起来，就可获得jquer对象

如varvr=document.getElementById(“cr”);var$cr=$(cr);

注意:DOM对象只能用DOM的操作方法。Jquery对象不能用DOM对象的方法