abstrait：bind介紹bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。語(yǔ)法$(SELECTor).bind(event,data,function)event 必須。添加到元素的一個(gè)或多個(gè)事件如：click,mouseover,mouseup，change，SELECTdata 可不填。傳遞到函數(shù)的額外數(shù)據(jù)，如：$(SELECTor).bind(“click”,”inpu

bind介紹

bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。

語(yǔ)法

$(SELECTor).bind(event,data,function)

event 必須。添加到元素的一個(gè)或多個(gè)事件如：click,mouseover,mouseup，change，SELECT

data 可不填。傳遞到函數(shù)的額外數(shù)據(jù)，如：$(SELECTor).bind(“click”,”input”,function(){});

function(){} 必填。綁定事件觸發(fā)的函數(shù)

bind綁定多個(gè)函數(shù)

$("button").bind({ // 注意它的格式是 json
  click:function(){$("div").css("border","5px solid orange");},
  mouseover:function(){$("div").css("background-color","red");},
  mouseout:function(){$("div").css("background-color","#FFFFFF");}
 });

4.bind綁定數(shù)據(jù)

// bind() 綁定 click 事件傳 參數(shù)2 并且打印出 參數(shù)2
 $('button').bind('click',['路飛','索隆','烏索普'],function(event){
  alert(event.data[0]); // 路飛
 });

5.unbind bind事件移除

    html 代碼 

<button>unbind()</button>
 <p>點(diǎn)我刪除上邊按鈕的事件</p>

    js 代碼 

// bind() 綁定多個(gè)點(diǎn)擊事件
$('button').click(function(){
 alert('我是第一個(gè)點(diǎn)擊事件');
});
$('button').click(function(){
 alert('我是第二個(gè)點(diǎn)擊事件');
});
$('button').bind('click',function(){
 alert('我是第三個(gè)點(diǎn)擊事件');
});
// unbind() 刪除點(diǎn)擊事件
$('p').bind('click',function(){
 $('button').unbind('click');
 alert('button 的點(diǎn)擊事件被刪除');
});

更多關(guān)于jQuery中 bind的用法簡(jiǎn)單介紹請(qǐng)關(guān)注PHP中文網(wǎng)（ipnx.cn）其他文章！