1. 程式人生 > >JQuery的一些知識

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 事件時執行的函式: