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

 

转载于:https://www.cnblogs.com/bluey/p/4827172.html