頁面加載即執行JQuery的三種方法

【1】$(function( ){ }）；

  $(function(){ 
　　$("#name").click(function(){ 
　　　　//adding your code here 
　　}); 
}); 

【2】 $(document).ready(function( ){ })

  $(document).ready(function(){ 
　　$("#name").click(function(){ 
　　　　//adding your code here　　 
　　}); 
}); 

第二種是第一種的完整形式。

【3】window.onload = function( ){ }

 window.onload = function(){ 
　　$("#name").click(function(){ 
　　　　//adding your code here 
　　}); 
} 

【4】后面兩種的區別

[1]執行的時機不同 

window.onload要等整個窗口（包括圖片）都加載完才觸發 執行 
$(document).ready()在 DOM 結構繪制完成后就可執行 

[2]編寫的個數 

window.onload 編寫多個時，只有最后的那起作用 
$(document).ready()可以編寫多個，都生效 

[3]簡化寫法 

window.onload 無 
$(document).ready()可簡寫為() 

Tip ：jQuery中真正與 window.onload完全等價的是$(window).load()方法