一.window.onload与$(document).ready()的对比
1.执行时机:
window.onload:必须等待网页中所有的内容加载完毕后(包括图片)才能执行
$(document).ready():网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西没有加载完
后绑定事件一定要放在$(function(){})内部,否则绑定方法不执行
2.编写个数：
window.onload:不能同时编写多个,编写多个只会执行最后一个window.onload里面的方法
$(document).ready():能同时编写多个,均执行
3.简化方法:
window.onload: 无
$(document).ready(): $function(){}
二.jQuery对象和DOM对象的相互转换
1.jQuery对象转成DOM对象
1）通过[index]方法得到相应的DOM对象(jQuery对象是一种类似数组的对象)
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0]; //DOM对象
alert(cr.checked) //检测这个checkbox是否被选中了
2)通过get(index)方法得到相应的DOM对象(*jQuery本身提供的*)
var $cr = $("#cr"); //jQuery对象
var cr = $cr.get(0); //DOM对象
2.DOM对象转成jQuery对象
//DOM对象(通过id获得DOM对象)
var cr = document.getElementById("cr");
var $cr = $(cr); //jQuery对象
1.平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂
2.DOM对象才能使用DOM中的方法,jQuery对象不可以使用DOM中的方法
