1. 程式人生 > >jquery bind用法

jquery bind用法

  1. bind介紹
    bind() 方法為被選元素新增一個或多個事件處理程式,並規定事件發生時執行的函式。
  2. 語法

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

    event 必須。新增到元素的一個或多個事件如:click,mouseover,mouseup,change,select
    data 可不填。傳遞到函式的額外資料,如:$(selector).bind(“click”,”input”,function(){});
    function(){} 必填。繫結事件觸發的函式
  3. 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 的點選事件被刪除'); });