首頁 > web前端 > js教程 > JQuery 常用方法和事件詳細介紹_jquery

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

WBOY
發布: 2016-05-16 17:36:16
原創
1100 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板