如何進行Jquery事件綁定

這是一篇關於Jquery事件綁定的文章，主要介紹Jquery事件綁定的一些方法，下面我們就與大家一起分享。

Jquery的最方便之處，一方面在於其方便快捷地獲取dom元素，二是其對浏覽器的兼容性。我們使用Jquery實現網頁的特效，通過對jquery的運用，建設有特色吸引人的網頁。而這個基礎是建立在網頁元素事件的件處理方式上，因此掌握jquery事件以及通過事件處理方式，才會使網頁生動起來。

要使網頁動起來，我們需要把事件綁定在元素中，也就是說，通過操作一個網頁元素來觸發特定的動作特效的實現。比如要達到‘當點擊一個按鈕時，使網頁背景變成藍色’的效果，這裡，按鈕便是要操作的網頁元素，點擊便是一個事件，要完成這樣的效果，就是要將按鍵這一網頁元素綁定點擊這一事件。具體的方式為：

(1)$(‘#button’).click(function(){

$(‘body’).css(‘background-color’,’blue’)

})

(2)$(‘#button’).on(‘click’,function(){

$(‘body’).css(‘background-color’,’blue’)

})

我們來比較一下這兩種方法，第一種方法通過直接的事件來處理，第二種方法通過on()將事件綁定到網頁元素中，雖然這兩種方式都可以達到一樣的效果，但是在擴展性方面卻大有不同。如果button元素還有mouseover,mouseout等等事件，那麼還需要再重新將事件寫進去,事件越多，越顯得混亂，而通過on()等事件綁定就要明淅很多了，我們可以這樣寫$(‘#button’).on({click:function(){},mouseover:function(){},mousedown:function(){}}),這樣就將所有的事件都綁定到一起，明顯比第一種方法好得多。

以上就是我們為大家准備的Jquery事件綁定的相關內容，希望對大家可以有所幫助。