delegate
英[?del?g?t]? ?美[?d?l??ɡet]??
n.代表,代表團(tuán)成員
vt.委派代表;授權(quán)給;[法律]債務(wù)轉(zhuǎn)移
jquery delegate() 方法 語法
作用:delegate() 方法為指定的元素(屬於被選元素的子元素)新增一個(gè)或多個(gè)事件處理程序,並規(guī)定當(dāng)這些事件發(fā)生時(shí)執(zhí)行的函數(shù)。使用 delegate() 方法的事件處理程序適用於目前或未來的元素(例如由腳本建立的新元素)。
語法:$(selector).delegate(childSelector,event,data,function)
參數(shù):
#參數(shù) | 說明 |
#childSelector? ?? | 必要。規(guī)定要附加事件處理程序的一個(gè)或多個(gè)子元素。 |
event? ?? | 必要。規(guī)定附加到元素的一個(gè)或多個(gè)事件。由空格分隔多個(gè)事件值。必須是有效的事件。 |
data? ?? | 可選。規(guī)定傳遞到函數(shù)的額外資料。? |
function? ?? | ##。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。 |
jquery delegate() 方法 範(fàn)例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").delegate("button","click",function(){ $("p").slideToggle(); }); }); </script> </head> <body> <div style="background-color:red"> <p>這是一個(gè)段落。</p> <button>請點(diǎn)擊這里</button> </div> </body> </html>
#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例