jQuery delegate() 方法

2018-11-21 15:15 更新

實(shí)例

當(dāng)單擊 <div> 元素內(nèi)部的 <p> 元素時，改變所有 <p> 元素的背景顏色：

$("div").delegate("p","click",function(){
$("p").css("background-color","pink");
});

delegate() 方法為指定的元素（屬于被選元素的子元素）添加一個或多個事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時運(yùn)行的函數(shù)。

使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素（比如由腳本創(chuàng)建的新元素）。

自 jQuery 版本 1.7 起，on() 方法是向被選元素添加事件處理程序的首選方法。

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

參數(shù)	描述
childSelector	必需。規(guī)定要添加事件處理程序的一個或多個子元素。
event	必需。規(guī)定添加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。
data	可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。
function	必需。規(guī)定當(dāng)事件發(fā)生時運(yùn)行的函數(shù)。

向未來的元素添加事件處理程序
如何使用 delegate() 方法來向尚未創(chuàng)建的元素添加事件處理程序。

向函數(shù)傳遞數(shù)據(jù)
如何向一個自定義命名的事件處理程序傳遞數(shù)據(jù)。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補(bǔ)充