JQuery事件支援

2021-08-30 07:47:58 字數 875 閱讀 6656

jquery 擁有比較簡潔的事件支援,我們只需要寫少量js**,就可以處理頁面的事件。

以下為乙個事件例項:

just hi

從這個例子中可以看出,因為有了jquery強大的選擇器,包括一些實用方法,使得這個原本繁雜的js**,變的簡潔了許多。而且此**還可以繼續的縮減。

現在有了jquery,我們可以讓事件處理變的更簡單有效。我們可以建立事件處理程式而無須瀏覽器特定**。

我們可以使用bind()方法,可以在dom元素上建立事件處理程式。如:

$("#img").bind('click',function(event));
利用jquery選擇器,選擇了id為img的dom元素,利用bind方法,只要一對此id為img的dom元素,一進行click事件,立刻就彈出hi,i am here。

比如以下html:

我們使用了jquery事件模型,而無需二級dom模型。

下面的例子是使用jquery的toggle()方法,每次click事件發生,就會互換。toggle(funtion1,funtion2):

jquery監控hover事件的例子:

outer 1

inner 1

outer 2

inner 2

這裡有了乙個新方法,hover(overlistener,outlistener),它幾乎可以代替以bind('evenname',function)這種顯示的檢測方法。hover()可以自動監聽mouseover或mouseout。

70個jquery觸控事件外掛程式 支援手勢觸控!

作為移動裝置的觸控螢幕非常流行的今天,越來越多的 進行了優化,提供移動使用者的最佳體驗。使用jquery的觸控事件外掛程式,其實很簡單,要想讓觸控螢幕使用者瀏覽您的 使用手勢觸控!在最近的幾年中,需要使 移動友好和自適應已經把網頁設計行業推到了乙個浪潮上。現實情況是,的智慧型手機和手機裝置的數量大量...

70個jQuery觸控事件外掛程式 支援手勢觸控

作為移動裝置的觸控螢幕非常流行的今天,越來越多的 進行了優化,提供移動使用者的最佳體驗。使用jquery的觸控事件外掛程式,其實很簡單,要想讓觸控螢幕使用者瀏覽您的 使用手勢觸控!在最近的幾年中,需要使 移動友好和自適應已經把網頁設計行業推到了乙個浪潮上。現實情況是,的智慧型手機和手機裝置的數量大量...

jQuery事件 表單事件

focus 與 blur 事件 之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件 它們之間的本質區別 是否支援冒泡處理 focus 不會冒泡,在元素本身產生 focusin 會冒泡,在元素包含的元素中產生。blur與focusou...