### 返回值:jQuery delegate(selector,[type],[data],fn) ### 概述 指定的元素（屬于被選元素的子元素）添加一個或多個事件處理程序，并規定當這些事件發生時運行的函數。 使用 delegate() 方法的事件處理程序適用于當前或未來的元素（比如由腳本創建的新元素）。 ### 參數 #### **selector,[type],fn**String,String,Function*V1.4.2* **selector:**選擇器字符串，用于過濾器觸發事件的元素。 **type:**附加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。 **fn:**當事件發生時運行的函數 #### **selector,[type],[data],fn**String,String,Object,Function*V1.4.2* **selector:**選擇器字符串，用于過濾器觸發事件的元素。 **type:**附加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。 **data:**傳遞到函數的額外數據 **fn:**當事件發生時運行的函數 #### **selector,events**String,String*V1.4.3* **selector:**選擇器字符串，用于過濾器觸發事件的元素。 **events:**一個或多個事件類型的字符串和函數的數據映射來執行他們。 ### 示例 #### 描述: 當點擊鼠標時，隱藏或顯示 p 元素： ##### HTML 代碼: ~~~ <div style="background-color:red"> <p>這是一個段落。</p> <button>請點擊這里</button> </div> ~~~ ##### jQuery 代碼: ~~~ $("div").delegate("button","click",function(){ $("p").slideToggle(); }); ~~~ #### 描述: delegate這個方法可作為live()方法的替代，使得每次事件綁定到特定的DOM元素。 ##### 以下兩段代碼是等同的: ~~~ $("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); }); ~~~ ~~~ $("table").each(function(){? $("td", this).live("hover", function(){?? $(this).toggleClass("hover");? }); }); ~~~