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元素的内容
});

猜你喜欢

转载自cakin24.iteye.com/blog/2367495