jQuery 事件 delegate() 方法
jQuery 事件 delegate() 方法
jQuery 參考手冊(cè) 事件delegate() 方法為指定的元素（屬于被選元素的子元素）添加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來(lái)的元素（比如由腳本創(chuàng)建的新元素）。
1. 語(yǔ)法
$(selector).delegate(childSelector,event,data,function)
| 參數(shù) | 描述 |
|---|---|
| childSelector | 必需。規(guī)定要附加事件處理程序的一個(gè)或多個(gè)子元素。 |
| event |
必需。規(guī)定附加到元素的一個(gè)或多個(gè)事件。 由空格分隔多個(gè)事件值。必須是有效的事件。 |
| data | 可選。規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)。 |
| function | 必需。規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。 |
2. 范例1
當(dāng)點(diǎn)擊鼠標(biāo)時(shí)，隱藏或顯示 p 元素：
$("div").delegate("button","click",function(){
$("p").slideToggle();
});
3. 范例2
- 向未來(lái)的元素添加事件處理程序
如何使用 delegate() 方法向尚未創(chuàng)建的元素添加事件處理程序。
die() 方法移除所有通過(guò) live() 方法向指定元素添加的一個(gè)或多個(gè)事件處理程序。語(yǔ)法：$(selector).die(event,function)。event：必需。規(guī)定要移除的一個(gè)或多個(gè)事件處理程序。由空格分隔多個(gè)事件值。必須是有效的事件。function：可選。規(guī)定要移除的特定函數(shù)。
相關(guān)文章
- jQuery 安裝
- jQuery - Chaining
- jQuery 設(shè)置內(nèi)容和屬性
- jQuery AJAX get() 和 post() 方法
- jQuery 參考手冊(cè) 效果
- jQuery 事件 dblclick() 方法
- jQuery 事件 keypress() 方法
- jQuery 事件 load() 方法
- jQuery 事件 submit() 方法
- jQuery DOM 元素方法 index() 方法
- jQuery 遍歷 children() 方法
- jQuery CSS 操作 offset() 方法
- jQuery CSS 操作 scrollTop() 方法
- jQuery CSS 操作 width() 方法
- jQuery 文檔操作 clone() 方法
- jQuery 文檔操作 insertBefore() 方法
- jQuery 效果 show() 方法
- jQuery :eq() 選擇器
- jQuery :animated 選擇器
- jQuery :submit 選擇器
學(xué)習(xí)JQuery