定义和用法
bind() 方法向被选元素添加一个或多个事件处理程序,以及当事件发生时运行的函数。
语法
$(selector).bind(event,data,function,map)
必需参数event,规定添加到元素的一个或多个事件,由空格分隔多个事件值,必须是有效的事件。
可选参数data,规定传递到函数的额外数据。
必需参数function,规定当事件发生时运行的函数。
参数map,规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
示例1:添加多个事件
添加多个事件$(document).ready(function(){
$("p").bind("mouseover mouseout",function(){
$("p").toggleClass("intro");
});
});
.intro
{
font-size:150%;
color:red;
}
将鼠标移动到该段落上。
示例2:使用条件映射
使用条件映射$(document).ready(function(){
$("button").bind({
click:function(){$("p").slideToggle();},
mouseover:function(){$("body").css("background-color","#E9E9E4");},
mouseout:function(){$("body").css("background-color","#FFFFFF");}
});
});
这是一个段落。
点我!
示例3:向函数传递数据
向函数传递数据function handlerName(e)
{
alert(e.data.msg);
}
$(document).ready(function(){
$("p").bind("click", {msg: "你刚点击了!"}, handlerName)
});
点我!
举报/反馈