JQuery的一些知識
JQuery的簡介 jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供一種簡便的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能介面;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴充套件;擁有便捷的外掛擴充套件機制和豐富的外掛。jQuery相容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jQuery 事件方法語法
在 jQuery 中,大多數 DOM 事件都有一個等效的 jQuery 方法。
頁面中指定一個點選事件:
下一步是定義什麼時間觸發事件。您可以通過一個事件函式實現:
常用的 jQuery 事件方法
$(document).ready()
$(document).ready() 方法允許我們在文件完全載入完後執行函式。該事件方法在jQuery 語法章節中已經提到過。
click()
click() 方法是當按鈕點選事件被觸發時會呼叫一個函式。
該函式在使用者點選 HTML 元素時執行。
在下面的例項中,當點選事件在某個
元素上觸發時,隱藏當前的
元素:
dblclick()
當雙擊元素時,會發生 dblclick 事件。
dblclick() 方法觸發 dblclick 事件,或規定當發生 dblclick 事件時執行的函式:
mouseenter()
當滑鼠指標穿過元素時,會發生 mouseenter 事件。
mouseenter() 方法觸發 mouseenter 事件,或規定當發生 mouseenter 事件時執行的函式。
mouseleave()
當滑鼠指標離開元素時,會發生 mouseleave 事件。
mouseleave() 方法觸發 mouseleave 事件,或規定當發生 mouseleave 事件時執行的函式:
mousedown()
當滑鼠指標移動到元素上方,並按下滑鼠按鍵時,會發生 mousedown 事件。
mousedown() 方法觸發 mousedown 事件,或規定當發生 mousedown 事件時執行的函式:
mouseup()
當在元素上鬆開滑鼠按鈕時,會發生 mouseup 事件。
方法觸發 mouseup 事件,或規定當發生 mouseup 事件時執行的函式:
hover()
hover()方法用於模擬游標懸停事件。
當滑鼠移動到元素上時,會觸發指定的第一個函式(mouseenter);當滑鼠移出這個元素時,會觸發指定的第二個函式(mouseleave)。
focus()
當元素獲得焦點時,發生focus事件。
當通過滑鼠點選選中元素或通過tab鍵定位到元素時,該元素就會獲得焦點。
focus()方法觸發 focus 事件,或規定當發生focus事件時執行的函式。
blur()
當元素失去焦點時,發生 blur 事件。
blur() 方法觸發 blur 事件,或規定當發生 blur 事件時執行的函式: