window.onload和$(document).ready()的区别及DOM对象和jQuery对象转换

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

	WINDOW.ONLOAD	$(DOCUMENT).READY()
执行时间	网页所有内容加载完后执行	DOM结构加载完后就执行，效率更高
编写个数	1个	多个，多个的执行顺序取决于函数的顺序以及引用文件的顺序
是否支持简写	不支持	简写形式为：$(function(){});

DOM对象和jQuery对象转换

获取DOM对象代码如下：

1 2 3 4

//获取DOM对象 var div1 = document.getElementById("div1");   div1.innerHTML = "oec2003";

获取jQuery对象代码如下:

1 2 3 4

//获取jQuery对象 var div1 = $("#div1");   div1.html("oec2003");

jQuery对象转DOM对象

1 2 3 4 5 6 7 8 9

//因为ajQuery对象是一个数组对象，所以转换为DOM对象时要用索引的形式   var $div1 = $("#div1"); //jQuery对象   var div1 = $div1[0]; //转换为了DOM对象   var div2 = $div1.get(0); //和上面一行效果一样   div1.innerHTML = "oec2003";

DOM对象转jQuery对象

1 2 3 4 5 6 7

//DOM对象转jQuery只需用$包装即可   var div1 = document.getElementById("div1");   var $div1 = $(div1); //转换为了jQuery对象   $div1.html("oec2003");