DIV CSS 佈局教程網

文檔就緒函數
$(document).ready(function(){
--- jQuery functions go here ----
});
這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼。
如果在文檔沒有完全加載之前就運行函數，操作可能失敗。(試圖隱藏一個不存在的元素；獲得未完全加載的圖像的大小)

把所有 jQuery 代碼置於事件處理函數中
把所有事件處理函數置於文檔就緒事件處理器中

hide/show/toogle
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
可選的 speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數是隱藏或顯示或切換完成後所執行的函數名稱。

jQuery 事件

Event 函數 綁定函數至 $(document).ready(function) 將函數綁定到文檔的就緒事件（當文檔完成加載時） $(selector).click(function) 觸發或將函數綁定到被選元素的點擊事件 $(selector).dblclick(function) 觸發或將函數綁定到被選元素的雙擊事件 $(selector).focus(function) 觸發或將函數綁定到被選元素的獲得焦點事件 $(selector).mouseover(function) 觸發或將函數綁定到被選元素的鼠標懸停事件

jQuery Fading 方法：

通過 jQuery，您可以實現元素的淡入淡出效果。

jQuery 擁有下面四種 fade 方法：

• fadeIn()
• fadeOut()
• fadeToggle()

　　可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。可選的 callback 參數是 fading 完成後所執行的函數名稱。

• fadeTo()

　　jQuery fadeTo() 方法允許漸變為給定的不透明度（值介於 0 與 1 之間）。

　　$(selector).fadeTo(speed,opacity,callback);

　　必需的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。

　　必需的 opacity 參數將淡入淡出效果設置為給定的不透明度（值介於 0 與 1 之間）。

　　可選的 callback 參數是該函數完成後所執行的函數名稱。

由於 JavaScript 語句（指令）是逐一執行的，按照次序，動畫之後的語句可能會產生錯誤或頁面沖突，因為動畫還沒有完成。

為了避免這個情況，您可以以參數的形式添加 Callback 函數。如果您希望在一個涉及動畫的函數之後來執行語句，請使用 callback 函數。