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

概述

指定的元素(屬于被選元素的子元素)添加一個或多個事件處理程序,並規定當這些事件發生時運行的函數。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

參數

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

selector:選擇器字符串,用于過濾器觸發事件的元素。

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

fn:當事件發生時運行的函數

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

selector:選擇器字符串,用于過濾器觸發事件的元素。

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

data:傳遞到函數的額外數據

fn:當事件發生時運行的函數

selector,eventsString,StringV1.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");
  });
});