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用法簡單介紹,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答