jquery中bind()绑定多个事件

时间:2024-06-10 20:34:26

bind()绑定事件

$(selector).bind(event,data,function);

参数event为事件名称(如"click,mouseover....."),data是可选的,规定传递到函数的额外数据,function为事件执行的函数。

绑定单个事件比较简单

$("button").bind("click",function(){
//事件处理内容...
});

绑定多个事件时,可以连续的绑定

$("input:text").bind("focus", function () {
//事件处理内容
}).bind("blur", function () {
//事件处理内容
})

也可将参数放在一个大括号里面,event可以加双引号也可以不加,even与function之间用冒号相连,多事件用逗号隔开。举个例子:

$("button").bind({mouseover:function(){
//事件处理内容.....
},
mouseout:function(){
//事件处理内容.....
}});

以上这段代码实现了鼠标移上和移出时分别做些什么...其实还有一种hover(over,out)实现以上的这个功能,但是只能实现鼠标移上和移出时事件,没有bind绑定其他事件的功能。

$("button").hover(function(){
//鼠标移入时...
},function(){
//鼠标移出时...
});