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