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í)運(yùn)行的函數(shù)。使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)。
語法:$(selector).delegate(childSelector,event,data,function)
參數(shù):
參數(shù) | 描述 |
childSelector? ?? | 必需。規(guī)定要附加事件處理程序的一個(gè)或多個(gè)子元素。 |
event? ?? | 必需。規(guī)定附加到元素的一個(gè)或多個(gè)事件。由空格分隔多個(gè)事件值。必須是有效的事件。 |
data? ?? | 可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。? |
function? ?? | 必需。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。 |
jquery delegate()方法 示例
<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>請(qǐng)點(diǎn)擊這里</button> </div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例