一、 事件綁定

1. .bind()：通過.bind()方法為元素綁定click、dblclick、 mousedown、mouseup…等事件。
2. 綁定單一事件

$('input').bind('click', function () {
alert('xxx！');
});

3. 綁定多個事件

$('input').bind('mouseout mouseover', function () {
    $('div').html(function (index, value) {
        return value + '1';
    });
});

4. 處理函數

$('input').bind('click', fn); 
function fn() {
    alert('xxx！');
}

5. 使用物件鍵值方式綁定多個事件

$('input').bind({
    'mouseout' : function () { 
        alert('移出');
    },
    'mouseover' : function () {
        alert('移入');
    }
});

二、 .unbind() 刪除事件綁定

1. 刪除所有當前元素的事件

$('input').unbind();

2. 刪除指定類型事件

$('input').unbind('click'); 

3. 刪除指定處理函數的事件

$('input').unbind('click', fn1); 

三、 相似事件比較：

1. .mouseover()和.mouseout()表示滑鼠移入和移出的時候觸發；
   .mouseenter()和.mouseleave()表示滑鼠穿過和穿出的時候觸發
   W3School範例連結

2. .focus()和.blur()表示「當前元素」的聚焦和失焦；
   .focusin() 和.focusout()表示「子元素」的聚焦和失焦

3. .keydown()、.keyup()返回的是鍵碼；
   .keypress()返回的是字元編碼。