jquery事件delegate()方法用法詳解

我們先看官方是怎么說delegate()方法，delegate() 方法為指定的元素(屬於被選元素的子元素)添加一個或多個事件處理程序，並規定當這些事件發生時運行的函數，使用 delegate() 方法的事件處理程序適用於當前或未來的元素(比如由腳本創建的新元素)。

語法很簡單

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

參數說明

childSelector 必需。規定要附加事件處理程序的一個或多個子元素。

event 必需。規定附加到元素的一個或多個事件。

由空格分隔多個事件值。必須是有效的事件。
 
data 可選。規定傳遞到函數的額外數據。

function 必需。規定當事件發生時運行的函數。

delegate 的函數是被某一類型的共同父元素調用

 

實例：

當點擊鼠標時，隱藏或顯示 p 元素：

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});