一.window.onload與$(document).ready()的對比
1.執(zhí)行時機:
window.onload:必須等待網(wǎng)頁中所有的內容加載完畢后(包括圖片)才能執(zhí)行
$(document).ready():網(wǎng)頁中所有DOM結構繪制完畢后就執(zhí)行,可能DOM元素關聯(lián)的東西沒有加載完
后綁定事件一定要放在$(function(){})內部,否則綁定方法不執(zhí)行
2.編寫個數(shù)：
window.onload:不能同時編寫多個,編寫多個只會執(zhí)行最后一個window.onload里面的方法
$(document).ready():能同時編寫多個,均執(zhí)行
3.簡化方法:
window.onload: 無
$(document).ready():??$function(){}
二.jQuery對象和DOM對象的相互轉換
1.jQuery對象轉成DOM對象
1）通過[index]方法得到相應的DOM對象(jQuery對象是一種類似數(shù)組的對象)
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對象都是通過$()函數(shù)制造出來的,$()函數(shù)就是一個jQuery對象的制造工廠
2.DOM對象才能使用DOM中的方法,jQuery對象不可以使用DOM中的方法
