jQuery bind() 方法使用详解

来源:互联网 发布:报名系统源码 编辑:程序博客网 时间:2024/05/17 03:30
$(selector).bind(event,data,function)


以下是官网上的例子:
event对应的事件:可以添加多个
$("button").bind({
    click:function(){$("p").slideToggle();},
    mouseover:function(){$("body").css("background-color","red");},  
    mouseout:function(){$("body").css("background-color","#FFFFFF");}  
  });
或者绑定一个:
$("button").bind("click",function(){
  $("p").hide();
});


在工作中遇到了要给绑定的fun传参,一开始我是这样写的
$("button").bind("click",funName(参数)});
在打开页面的时候直接执行了绑定的方法,问了前端的小伙伴才知道方法名+()是要直接执行的;
我就去官网看了bind的说明,就看到了data这个参数,使用时是这样的


$("#1").bind("click",{"msg":1},funName)


function funName(even){//even是一个对象
alert(even.data.msg);
}


当然我一开始是$("#1").bind("click",1,funName)这样写的。。。;找了几个微博,发现它会把data(你要传递的参数)放到方法中形参的data中
我个人理解为data必须是一个对象,在对象的属性中定义你想传递的数值
原创粉丝点击