1. 程式人生 > >Web前端工作筆記002---$(function(){})和$(document).ready(function(){}) 的區別

Web前端工作筆記002---$(function(){})和$(document).ready(function(){}) 的區別

不錯,儲存了... 

document.ready和onload的區別——JavaScript文件載入完成事件

頁面載入完成有兩種事件

一是ready,表示文件結構已經載入完成(不包含圖片等非文字媒體檔案)

二是onload,指示頁面包含圖片等檔案在內的所有元素都載入完成。

用jQ的人很多人都是這麼開始寫指令碼的:

$(function(){

// do something

});

其實這個就是jq ready()的簡寫,他等價於:

$(document).ready(function(){

//do something

})

//或者下面這個方法,jQuer的預設引數是:“document”;

$().ready(function(){

//do something

})

這個就是jq ready()的方法就是Dom Ready,他的作用或者意義就是:在DOM載入完成後就可以可以對DOM進行操作。

一般情況先一個頁面響應載入的順序是:域名解析-載入html-載入js和css-載入圖片等其他資訊。

那麼Dom Ready應該在“載入js和css”和“載入圖片等其他資訊”之間,就可以操作Dom了。