1. 程式人生 > >jQuery 事件 bind() 方法

jQuery 事件 bind() 方法

red 分隔 額外 事件處理程序 ack brush bsp 運行 映射

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背景色變為白色

jQuery 事件 bind() 方法