ready() vs load()

JQuery 或是 JavaScript ready()  vs load()

ready()

寫法：
　　　$( function () { 網頁載入後預先執行資訊 } )
　　　等於 $(document).ready( function () {  } )
　　　等於 JQuery(document).ready( function () {  } )



用法：
　　　當document的DOM已經載入可以使用時，就會觸發 ready()
　　　例如<img src="cat.png">，雖然圖片還沒完全載入好，
　　　但是img這個tag已經載入了，就可以觸發 ready()


load()

 jQuery 裡的 window 的 load 事件與 JavaScript 裡的 window.onload 事件一模一樣

寫法：
 　　　JQuery(window).load( function () {} )


用法：
　　　必須等到document內的東西全部載入好，才會觸發 load()
　　　例如：網頁內有<img src="cat.png">，必須等到圖片載好出現了，才會觸發 load()



ready() 與 load()的注意事項

兩種方法不可以同時使用，因為它們「不相容」。


JQuery API document - ready
http://api.jquery.com/ready/