深入理解jquery中的事件與動畫(淺談jquery的應(yīng)用)

編輯：rootadmin

推薦整理分享深入理解jquery中的事件與動畫(淺談jquery的應(yīng)用)，希望有所幫助，僅作參考，歡迎閱讀內(nèi)容。

文章相關(guān)熱門搜索詞:jquery原理解析,深入理解javascript pdf,jquery的理念是什么,深入理解javascript pdf,簡述jquery,jquery的理解,jquery的理解,jquery的理解,內(nèi)容如對您有幫助，希望把文章鏈接給更多的朋友！

1.鼠標(biāo)事件

eg：光棒效果

2.鍵盤事件

3.表單事件

eg：輸入框的文字顯示效果

4.綁定事件與移除事件

bind():綁定事件

.綁定一個

.綁定多個

unbind([type],[fn]):移除事件

當(dāng)unbind()不帶參數(shù)時，表示移除所綁定的全部事件

5. 復(fù)合事件

1.hover()方法

hover()方法相當(dāng)于mouseover與mouseout事件的組合，用于模擬鼠標(biāo)指針懸停事件

2.toggle()方法（在j 1.7后就刪除，不建議使用）

toggle()方法用于模擬鼠標(biāo)連續(xù)click事件

2.toggle()方法（在j 1.7后就刪除，不建議使用）

toggle()方法用于模擬鼠標(biāo)連續(xù)click事件

同時toggle()方法還有一個作用：切換元素可見狀態(tài)

二：動畫

1.顯示及隱藏元素

show() 在顯示元素時，能定義顯示元素時的效果，如顯示速度

hide() 隱藏元素

這里補充一個is()方法的使用，可以用來判斷是顯示還是隱藏。

eg：

2.切換元素可見狀態(tài)（toggle()）

toggle()除了可以模擬鼠標(biāo)的連續(xù)單擊事件外，還能用于切換元素的可見狀態(tài)

3.淡入淡出效果

fadeIn()和fadeOut()可以通過改變元素的透明度實現(xiàn)淡入淡出效果

4.改變元素的高度

slideDown() 可以使元素逐步延伸顯示，slideUp()則使元素逐步縮短直至隱藏

三：自定義動畫

詳情點擊深入理解jquery自定義動畫animate()

你一定會有所收獲的！

以上這篇深入理解jquery中的事件與動畫就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持積木網(wǎng)。

深入理解jquery自定義動畫animate() 在以前很長一段時間里，網(wǎng)頁上的各種特效還需要采用flash在進(jìn)行。但最近幾年里，我們已經(jīng)很少看到這種情況了，絕大部分已經(jīng)使用JavaScript動畫效果

jQuery根據(jù)表單name獲取值的方法本文實例講述了jQuery根據(jù)表單name獲取值的方法。分享給大家供大家參考，具體如下：根據(jù)name取值：$("input[name='mobile']").val()根據(jù)id取值:$("#mobile_reg_form").h

jQuery中事件與動畫的總結(jié)分享 1.加載DOM1.1.window事件window.onload=function(){}....時機(jī)：其他資源都加載完畢后，再執(zhí)行$(function(){})……：只是等待標(biāo)簽完畢，即可執(zhí)行區(qū)別：前者在HTML頁面

標(biāo)簽: 淺談jquery的應(yīng)用

本文鏈接地址:http://jsrtzm.cn/biancheng/387250.html 轉(zhuǎn)載請保留說明！

上一篇：Jquery元素追加和刪除的實現(xiàn)方法(jquery中追加到指定元素末尾)

下一篇：深入理解jquery自定義動畫animate()(jquery的理解)