jQuery 事件 delegate() 方法
jQuery 事件 delegate() 方法
jQuery 參考手冊 事件delegate() 方法為指定的元素（屬于被選元素的子元素）添加一個或多個事件處理程序，并規定當這些事件發生時運行的函數。
使用 delegate() 方法的事件處理程序適用于當前或未來的元素（比如由腳本創建的新元素）。
1. 語法
$(selector).delegate(childSelector,event,data,function)
| 參數 | 描述 |
|---|---|
| childSelector | 必需。規定要附加事件處理程序的一個或多個子元素。 |
| event |
必需。規定附加到元素的一個或多個事件。 由空格分隔多個事件值。必須是有效的事件。 |
| data | 可選。規定傳遞到函數的額外數據。 |
| function | 必需。規定當事件發生時運行的函數。 |
2. 范例1
當點擊鼠標時，隱藏或顯示 p 元素：
$("div").delegate("button","click",function(){
$("p").slideToggle();
});
3. 范例2
- 向未來的元素添加事件處理程序
如何使用 delegate() 方法向尚未創建的元素添加事件處理程序。
die() 方法移除所有通過 live() 方法向指定元素添加的一個或多個事件處理程序。語法：$(selector).die(event,function)。event：必需。規定要移除的一個或多個事件處理程序。由空格分隔多個事件值。必須是有效的事件。function：可選。規定要移除的特定函數。
相關文章
- jQuery 安裝
- jQuery - Chaining
- jQuery 設置內容和屬性
- jQuery AJAX get() 和 post() 方法
- jQuery 參考手冊 效果
- 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 選擇器
學習JQuery