1. 程式人生 > >jQuery事件繫結與取消

jQuery事件繫結與取消

1、頁面載入完畢時,為元素繫結事件

$().bind(事件型別,有名|無名函式)

$(function(){
     $('div').bind('mouseover',function(){
            //事件內容
     });
     $('div').bind('mouseout',function(){
            //事件內容
     });
});

2、為同一個物件的多個不同型別事件繫結同一個處理

$().bind(型別1 型別2 型別3 。。,function());

注意:型別之間用一個空格分隔

$('div').bind('click mouseover mouseout',function(){
    //事件
});

3、以json物件,批量繫結事件
$('div').bind({click:function(){console.log('1');},mouseover:function(){console.log('2');},mouseout:function(){console.log('3');}
});

注意:同一個型別,重複新增事件,事件發生時,依次執行

取消:

1、$().unbind();          //取消全部

2、$().unbind(事件型別);            //取消指定型別的全部事件

3、$().unbind(事件型別,有名函式);         //取消指定型別的指定事件