jQuery事件綁定(三)

四.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標簽。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現,斷路器,智...
    卡卡羅2017閱讀 136,537評論 19 139
  • 1、 jQuery 能做什么? jquery是一個豐富的js庫,內部對js的很多復雜的方法進行了封裝和加工,比如j...
    zh_yang閱讀 1,499評論 6 13
  • (續(xù)jQuery基礎(1)) 第5章 DOM節(jié)點的復制與替換 (1)DOM拷貝clone() 克隆節(jié)點是DOM的常...
    凜0_0閱讀 1,504評論 0 8
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,497評論 0 2
  • 又是一個無聊的日子,我被導師拖去參加一場數學大會,他說會上會有人破解一個千年而來無人能解的問題。 我知道,他總想激...
    你看得見我閱讀 506評論 0 1

友情鏈接更多精彩內容