JQuery 常用方法和事件詳細(xì)介紹
文檔就緒函數(shù)
$(document).ready(function(){
--- jQuery functions go here ----
});
這是為了防止文檔在完全加載(就緒)之前運行 jQuery 代碼。
如果在文檔沒有完全加載之前就運行函數(shù),操作可能失敗。(試圖隱藏一個不存在的元素;獲得未完全加載的圖像的大小)
把所有 jQuery 代碼置于事件處理函數(shù)中
把所有事件處理函數(shù)置于文檔就緒事件處理器中
hide/show/toogle
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
可選的 speed 參數(shù)規(guī)定隱藏/顯示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是隱藏或顯示或切換完成后所執(zhí)行的函數(shù)名稱。
jQuery 事件
| Event 函數(shù) | 綁定函數(shù)至 |
|---|---|
| $(document).ready(function) | 將函數(shù)綁定到文檔的就緒事件(當(dāng)文檔完成加載時) |
| $(selector).click(function) | 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的點擊事件 |
| $(selector).dblclick(function) | 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的雙擊事件 |
| $(selector).focus(function) | 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的獲得焦點事件 |
| $(selector).mouseover(function) | 觸發(fā)或?qū)⒑瘮?shù)綁定到被選元素的鼠標(biāo)懸停事件 |
jQuery Fading 方法:
通過 jQuery,您可以實現(xiàn)元素的淡入淡出效果。
jQuery 擁有下面四種 fade 方法:
- fadeIn()
- fadeOut()
- fadeToggle()
可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。可選的 callback 參數(shù)是 fading 完成后所執(zhí)行的函數(shù)名稱。
- fadeTo()
jQuery fadeTo() 方法允許漸變?yōu)榻o定的不透明度(值介于 0 與 1 之間)。
$(selector).fadeTo(speed,opacity,callback);
必需的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
必需的 opacity 參數(shù)將淡入淡出效果設(shè)置為給定的不透明度(值介于 0 與 1 之間)。
可選的 callback 參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱。
由于 JavaScript 語句(指令)是逐一執(zhí)行的,按照次序,動畫之后的語句可能會產(chǎn)生錯誤或頁面沖突,因為動畫還沒有完成。
為了避免這個情況,您可以以參數(shù)的形式添加 Callback 函數(shù)。如果您希望在一個涉及動畫的函數(shù)之后來執(zhí)行語句,請使用 callback 函數(shù)。
相關(guān)文章
jQuery實現(xiàn)拖動調(diào)整表格單元格大小的代碼實例
這篇文章主要介紹了jQuery實現(xiàn)拖動調(diào)整表格單元格大小的代碼實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-01-01
jQuery 常見學(xué)習(xí)網(wǎng)站與參考書
打算學(xué)習(xí)jquery的朋友可以參下如下網(wǎng)上,參考書嗎,可以看下 鋒利的jquery腳本之家提供電子版下載。2009-11-11

