jquery和DOM比较

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

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

 

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”);  var cr =$cr[0]

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

C.DOM对象转成Jquery对象

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

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

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