如何在jQuery中使用 bind方法

如何在jQuery中使用 bind方法？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

bind介紹

bind() 方法為被選元素添加一個或多個事件處理程序，并規定事件發生時運行的函數。

語法

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

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

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

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

bind綁定多個函數

$("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綁定數據

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

5.unbind bind事件移除

    html 代碼 

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

    js 代碼 

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

關于如何在jQuery中使用 bind方法問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。