快捷導(dǎo)航

jQuery事件 delegate()使用方法介紹

更新時(shí)間：2012年10月30日 23:37:23 作者：

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

delegate定義和用法

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

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

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

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

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

概述

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

參數(shù)
selector,[type],fnString,String,Function V1.4.2
selector:選擇器字符串，用于過濾器觸發(fā)事件的元素。

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

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

selector,[type],[data],fnString,String,Object,Function V1.4.2
selector:選擇器字符串，用于過濾器觸發(fā)事件的元素。

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

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

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

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

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

示例
描述:
當(dāng)點(diǎn)擊鼠標(biāo)時(shí)，隱藏或顯示 p 元素：

HTML 代碼:

復(fù)制代碼代碼如下:

 
<div style="background-color:red"> 
<p>這是一個(gè)段落。</p> 
<button>請點(diǎn)擊這里</button> 
</div> 

jQuery 代碼:

復(fù)制代碼代碼如下:

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

描述: delegate這個(gè)方法可作為live()方法的替代，使得每次事件綁定到特定的DOM元素。
以下兩段代碼是等同的:

復(fù)制代碼代碼如下:

 
$("table").delegate("td", "hover", function(){ $(this).toggleClass("hover"); 
});$("table").each(function(){ $("td", this).live("hover", function(){ $(this).toggleClass("hover"); }); 
}); 

您可能感興趣的文章: