jQuery bind() 方法使用详解

最新推荐文章于 2020-07-22 15:10:36 发布

原创最新推荐文章于 2020-07-22 15:10:36 发布 · 819 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #bind #传参

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了jQuery中的bind方法的使用方式，包括如何绑定多个事件及如何正确传递参数到事件处理函数中。并给出了具体的实例，帮助读者更好地理解和运用bind方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(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必须是一个对象，在对象的属性中定义你想传递的数值