請提前閱讀on方法原始碼分析：點選開啟連結

bind方法原始碼：

	bind: function( types, data, fn ) {
		return this.on( types, null, data, fn );
	}

delegate: function( selector, types, data, fn ) {
		return this.on( types, selector, data, fn );
	}

one方法：

one: function( types, selector, data, fn ) {
		return this.on( types, selector, data, fn, 1 );
	}
 

（1）bind方法由於直接繫結事件到呼叫物件上面，所以他的selector就是null，表示不能進行代理，但是on方法可以進行代理!

（2）在jQuery.1.11.1中以前的live方法已經被移除了!

（3）從on函式中的程式碼可以知道，如果給on函式的fn傳遞false，那麼回撥函式就是returnFalse函式!

（4）one方法的最後一個引數是1，通過這個方法繫結的事件只會被執行一次!
（5）回撥函式中this指向當前元素!,也就是currentTarget。apply( matched.elem, args )是在dispatch裡面的原始碼，但是因為這裡用的是apply而不是call，所以直接把args逐個封裝到回撥函式中。這個args只有一個引數args[0]=event所以這裡回撥函式中唯一一個引數就是event，同時可以通過event.data獲取資料，通過delegateTarget獲取代理物件BODY。通過handleObj可以獲取通過add方法新增的事件的所有資訊，也就是通過add方法裡面新增的handleObj所有屬性!同時可以通過currentTarget獲取當前所在的元素!

問題1：到底用delegate還是bind方法?

解答：儘量用delegate方法，既快又少佔用記憶體!

如果能夠繫結到document上，那麼有以下優點：

(1)document物件很快就能訪問，而且可以在頁面任何時間點為他新增事件處理程式。也就說，只要可單機的元素出現在頁面上就可以具備適當的功能

(2)只新增一個事件處理程式所需要的DOM引用少，所花的時間更少

(3)整個頁面佔用的記憶體更少，提升頁面效能

(4)事件代理還有一個重要的好處，那就是方便移除事件處理程式防止記憶體洩漏，因為繫結的事件越少，越容易集中移除。同時代理可以代理後面在DOM中動態新增的內容

click,mouseup,keyup,keydown,mousedown,keypress等適合代理!雖然mouseover,mouseout也冒泡，但是代理他們不容易，而且經常需要計算元素的位置,因為元素在本身和子元素之間移動時候也會觸發!

注意：在事件處理程式中刪除按鈕能夠阻止事件冒泡，目標元素在文件中是事件冒泡的前提!

HTML部分：

<div id="father" style="background-color:red;height:100px;">
     <div  style="background-color:yellow;height:50px;" id="child">
	 我是華為
	</div>
</div>

$("#father").delegate("#child","click",function()
	{
	  alert("click");
	});
	var $child= $("#child");
   $child.click(function()
   {
      alert("click child!");
	  //用移除元素看是否影響元素冒泡
	 this.remove();//我們發現把當前元素移除以後，事件不會冒泡到父元素上面!
   });