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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例