JQuery 常用方法和事件詳細介紹_jquery

文檔就緒函數
$(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 函數。