四.delegate方法:向匹配元素添加一個或多個事件處理程序
在jquery1.4增加,適用所有版本,但官方推薦使用on方法代替delegate方法
使用方法:
$(selector).delegate(childSelector,event,data,function)
參數:
childSelector: 必需項;需要添加事件處理程序的元素,一般為selector的子元素;
event:必需項;添加到元素的一個或多個事件,例如 click,dblclick等;
data:可選;需要傳遞的參數;
function:必需;當綁定事件發(fā)生時,需要執(zhí)行的函數;
對應解綁方法: undelegate()
事件綁定delegate()
div1
事件綁定代碼如下圖:
5.事件綁定方法的區(qū)別
bind()只能針對已經存在的元素進行事件的設置
live() 、delegate()、on()支持未來新添加元素的事件設置
其他事件綁定方法都是內部調用on來完成的,直接使用on可以提高效率
添加段落
div1
點擊添加段落按鈕創(chuàng)建一個新的段落
6.one方法:為所選元素綁定一個僅觸發(fā)一次的處理函數
one(event,data,function)
event:必需。規(guī)定添加到元素的一個或多個事件。
data:可選。規(guī)定傳遞到函數的額外數據。
function:必需。規(guī)定當事件發(fā)生時運行的函數。
$(".btn2").one("click",function(){
$("div").append("
我是新的段落
");})
這里沒點擊一次按鈕只會添加一個p標簽。