jQuery中的事件绑定

在页面加载完毕时，程序可以通过为元素绑定事件完成相应的操作。

在jQuery中，事件绑定通常可以分为为元素绑定事件、移除绑定和绑定一次性事件处理3种情况，下面分别进行介绍。

一 为元素绑定事件

在jQuery中，为元素绑定事件可以使用bind()方法，该方法的语法结构如下：

bind(type,[data],fn)

type：事件类型。

data：可选参数，作为event.data属性值传递给事件对象的额外数据对象。大多数的情况下不使用该参数。

fn：绑定的事件处理程序。

例如，为普通按钮绑定一个单击事件，用于在单击该按钮时，弹出提示对话框，可以使用下面的代码：

$("input:button").bind("click",function(){alert('您单击了按钮');});

二 移除绑定

在jQuery中，为元素移除绑定事件可以使用unbind()方法，该方法的语法结构如下：

unbind([type],[fn])

type：可选参数，用于指定事件类型。

fn：可选参数，用于指定要从每个匹配元素的事件中反绑定的事件处理函数。

在unbind()方法中，两个参数都是可选的，如果不填参数，将会删除匹配元素上所有绑定的事件。

例如，要移除为普通按钮绑定的单击事件，可以使用下面的代码：

$("input:button").unbind("click");

三 绑定一次性事件处理

在jQuery中，为元素绑定一次性事件处理可以使用one()方法，该方法的语法结构如下：

one(type,[data],fn)

type：用于指定事件类型。

data：可选参数，作为event.data属性值传递给事件对象的额外数据对象。

fn：绑定到每个匹配元素的事件上面的处理函数。

例如，要实现只有当用户第一次单击匹配的div元素时，弹出提示对话框显示div元素的内容，可以使用下面的代码：

$("div").one("click", function()

{

alert( $(this).text() );      //在弹出的提示对话框中显示div元素的内容

});