delegate(sel,[type],[data],fn)

返回值:jQuery delegate(selector,[type],[data],fn)

概述

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

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

參數(shù)

selector,[type],fnString,String,FunctionV1.4.2

selector:選擇器字符串，用于過濾器觸發(fā)事件的元素。

type:附加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。

fn:當(dāng)事件發(fā)生時運行的函數(shù)

selector,[type],[data],fnString,String,Object,FunctionV1.4.2

selector:選擇器字符串，用于過濾器觸發(fā)事件的元素。

type:附加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。

data:傳遞到函數(shù)的額外數(shù)據(jù)

fn:當(dāng)事件發(fā)生時運行的函數(shù)

selector,eventsString,StringV1.4.3

selector:選擇器字符串，用于過濾器觸發(fā)事件的元素。

events:一個或多個事件類型的字符串和函數(shù)的數(shù)據(jù)映射來執(zhí)行他們。

示例

描述:

當(dāng)點擊鼠標(biāo)時，隱藏或顯示 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");?   });    
});