快捷導(dǎo)航

jQuery中 bind的用法簡單介紹

更新時(shí)間：2017年02月13日 13:52:57 作者：qq_34255080

bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。這篇文章主要介紹了jQuery中的 bind用法,需要的朋友可以參考下

bind介紹

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

語法

$(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)擊事件被刪除');
 });

以上所述是小編給大家介紹的jQuery中的 bind用法簡單介紹，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: