jquery bind用法
阿新 • • 發佈:2018-11-05
- 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 的點選事件被刪除');
});