当前位置: 老葡京网站娱乐 > web开发 > jQuery > 正文

jQuery中的事件绑定

时间:2017-04-06 iteye 实践求真知

老葡京网站娱乐 www.sdguanhua.com 在页面加载完毕时,程序可以通过为元素绑定事件完成相应的操作。

在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元素的内容

});