这是一篇关于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事件绑定的相关内容，希望对大家可以有所帮助。