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 函數。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *