1. 程式人生 > >2. jQuery使用基礎

2. jQuery使用基礎

兩種 ont 代碼 相同 class 一個 不存在 試圖 tro

1.文檔就緒事件

您也許已經註意到在我們的實例中的所有 jQuery 函數位於一個 document ready 函數中:

$(document).ready(function(){

   // 開始寫 jQuery 代碼...

 }); 

這是為了防止文檔在完全加載(就緒)之前運行 jQuery 代碼。

如果在文檔沒有完全加載之前就運行函數,操作可能失敗。下面是兩個具體的例子:

  • 試圖隱藏一個不存在的元素
  • 獲得未完全加載的圖像的大小

提示:簡潔寫法(與以上寫法效果相同):

$(function(){

   // 開始寫 jQuery 代碼...

 }); 

以上兩種方式你可以選擇你喜歡的方式實現文檔就緒後執行jQuery方法。

實例代碼

$(document).ready(function(){
  $("#updateButton").click(function(){
    alert("1111");
  }); 
});

2. jQuery使用基礎