jquery中bind()绑定多个事件

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(){
//鼠标移出时...
});

 

posted @ 2015-09-21 20:17  勤奋的蓝孩子  阅读(2402)  评论(0编辑  收藏  举报