jQuery事件delegate()使用

<h6>delegate定義和用法:</h6>
為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。
使用delegate()方法的事件處理程序適用于當(dāng)前或未來(lái)的元素,比如由腳本創(chuàng)建的新元素。
<p>
語(yǔ)法:$(selector).delegate(childSelector,event,datda,function)
返回值:jQuery delegate(selector,[type],[data],fn)
參數(shù)說(shuō)明:
childSelector 必需,規(guī)定要附加事件處理程序的一個(gè)或多個(gè)子元素
event 必需,規(guī)定附加到元素的一個(gè)或多個(gè)事件。由空格分隔多個(gè)事件值,必須是有效事件。
data 可選,規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)
function 必需,規(guī)定當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)
</p>
例如:

$('#content').delegate('.icps','click',function(e){
    //這里面寫要觸發(fā)的事件的具體函數(shù)
})```
其實(shí)這個(gè)函數(shù)并不難理解,主要處理的是未來(lái)的元素,什么是未來(lái)的元素?
比如:開發(fā)中經(jīng)常遇到的由腳本生成的元素,還有一種常用到的地方就是從后臺(tái)數(shù)據(jù)庫(kù)中循環(huán)取值的時(shí)候,假如需要從后臺(tái)循環(huán)取所有的文章,但是希望給所有的文章一個(gè)tooltip,也就是一個(gè)hover事件,這時(shí)候就需要用到delegate()方法。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、 jQuery 能做什么? jquery是一個(gè)豐富的js庫(kù),內(nèi)部對(duì)js的很多復(fù)雜的方法進(jìn)行了封裝和加工,比如j...
    zh_yang閱讀 1,499評(píng)論 6 13
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,498評(píng)論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,271評(píng)論 0 1
  • 1、說(shuō)說(shuō)庫(kù)和框架的區(qū)別? 庫(kù)是一個(gè)數(shù)據(jù)倉(cāng)庫(kù),里面放了各種可以利用的API,由于庫(kù)的內(nèi)部已經(jīng)做了各種底層的封裝和各種...
    kumabearplus閱讀 204評(píng)論 0 1
  • 本文章是老馬jQuery視頻的講義和上課的代碼。具體觀看視頻地址:https://chuanke.baidu.co...
    IT老馬閱讀 2,663評(píng)論 3 14

友情鏈接更多精彩內(nèi)容