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