JQuery是一個高效，靈活的JS庫，為網頁添加動態效果提供了很大的便利。在使用JQuery時，我們需要經常設置事件處理程序，這里我們介紹兩種常見的事件綁定方式——On()和bind()。

on()

在JQuery1.7版本之后，on()方法成為了一個統一的事件綁定接口，并且也是常見的事件綁定方式。基于JQuery使用on()代替bind()的原因如下：

1. 統一性：on()方法是一個統一的事件綁定接口，可以用在綁定事件、解除事件和一次性事件。
2. 易維護：可以在同一個事件上綁定和解除不止一個處理程序。
3. 動態性：可以在未來的元素上綁定事件。

使用on()方法的基本語法如下：

$(selector).on(event,childSelector,data,function)

其中，第一個參數event表示事件類型，比如click、hover等等；第二個參數childSelector是可選的，表示只有匹配到childSelector的子元素時才會觸發事件；第三個參數data是可選的，傳遞一些數據到事件處理程序中；第四個參數function是事件處理程序。

bind()

bind()是在on()出現之前使用最廣泛的事件綁定方式。它也可以綁定任意的DOM事件，并且對事件委托提供支持。

但是，使用bind()也有以下不足之處：

1. 需要將事件類型和事件處理程序單獨傳遞給bind()方法。
2. 不能在未來的元素上綁定事件。
3. 不能將多個事件處理程序綁定到同一個事件上。

使用bind()方法的基本語法如下：

$(selector).bind(event,[data],function)

其中，第一個參數event表示事件類型，比如click、hover等等；第二個參數data是可選的，傳遞一些數據到事件處理程序中；第三個參數function是事件處理程序。

當然，除了這兩種方法之外，JQuery還有其他的事件綁定方法，比如delegate()、live()、click()、hover()等等。使用最多的是on()和bind()。