1. 程式人生 > >頁面載入即執行JQuery的三種方法

頁面載入即執行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()方法