锋利的jQuery读书笔记Day01

一.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中的方法