一、定义和用法
bind() 方法的作用是:为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
将事件和函数绑定到元素
规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数。
语法
$(selector).bind(event,data,function)
参数说明如下:
event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。
二、使用范例
当点击按钮1时,隐藏或显示 p 元素:此时,为button1对象绑定的是click事件。
$("button1").bind("click",function(){
$("p").slideToggle();
});
接着再看稍微复杂一点的代码事件。同样,是为button1绑定事件代码,只不过,下面的代码同时绑定了三个事件代码,分别是:click、mouseover和mouseout。
$(document).ready(function(){
$("button1").bind({
click:function(){$("p").slideToggle();},
mouseover:function(){$("body").css("background-color","red");},
mouseout:function(){$("body").css("background-color","#FFFFFF");}
});
});
最后,再看一个绑定其它事件的代码,绑定的是窗体滚动的事件哦。
$(window).bind('scrollstart', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
$(window).bind('scrollstop', function(){
$('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});