jQuery 事件 bind() 方法

Posted 2020-09-18 <一>

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

$(selector).bind(event,data,function）//语法

 event必需。规定添加到元素的一个或多个事件，由空格分隔多个事件。必须是有效的事件。。

data：可选。规定传递到函数的额外数据。

function：必需。规定当事件发生时运行的函数。

$("button").bind("click",function(){
  $("p").slideToggle();
});

上例当点击鼠标时，隐藏或显示 p 元素

2 语法

$(selector).bind({event:function, event:function, ...})

 event:function, event:function,：必需。规定事件映射，其中包含一个或多个添加到元素的事件，以及当事件发生时运行的函数。

$(document).ready(function(){
  $("button").bind({
    click:function(){$("p").slideToggle();},
    mouseover:function(){$("body").css("background-color","red");},  
    mouseout:function(){$("body").css("background-color","#FFFFFF");}  
  });
});

 上例当点击鼠标时，隐藏或显示 p 元素，

鼠标移动到button时OBODY背景色变为红色

鼠标移走button时OBODY背景色变为白色