jQuery 事件 - delegate() 方法和on()方法比較

jQuery1.7中 .delegate()已被.on()取代城丧,下面以示例的方式為大家介紹下jQuery中delegate與on的用法與區(qū)別戈钢,感興趣的朋友可以參考下

delegate:

當(dāng)點(diǎn)擊鼠標(biāo)時(shí)蹄溉,隱藏或顯示 p 元素:

$("div").delegate("button","click",function(){

$("p").slideToggle();

});

定義和用法

delegate() 方法為指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序,并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。

使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素(比如由腳本創(chuàng)建的新元素)

語法

$(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ù)蘸鲸。

on:

$("table").on("click", "td", function() {

alert("hi");

});

on(events,[selector],[data],fn)酌摇,參數(shù)[selector]是可選窑多,一個(gè)選擇器字符串用于過濾器的觸發(fā)事件的選擇器元素的后代。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末技潘,一起剝皮案震驚了整個(gè)濱河市享幽,隨后出現(xiàn)的幾起案子拾弃,更是在濱河造成了極大的恐慌豪椿,老刑警劉巖携栋,帶你破解...
    沈念sama閱讀 219,589評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異滴某,居然都是意外死亡霎奢,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來悼潭,“玉大人舞箍,你說我怎么就攤上這事疏橄。” “怎么了晃酒?”我有些...
    開封第一講書人閱讀 165,933評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵贝次,是天一觀的道長(zhǎng)浊闪。 經(jīng)常有香客問我螺戳,道長(zhǎng)倔幼,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,976評(píng)論 1 295
  • 正文 為了忘掉前任鸟款,我火速辦了婚禮何什,結(jié)果婚禮上等龙,老公的妹妹穿的比我還像新娘蛛砰。我一直安慰自己,他們只是感情好荠诬,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評(píng)論 6 393
  • 文/花漫 我一把揭開白布柑贞。 她就那樣靜靜地躺著凌外,像睡著了一般涛浙。 火紅的嫁衣襯著肌膚如雪轿亮。 梳的紋絲不亂的頭發(fā)上胸墙,一...
    開封第一講書人閱讀 51,775評(píng)論 1 307
  • 那天迟隅,我揣著相機(jī)與錄音智袭,去河邊找鬼吼野。 笑死,一個(gè)胖子當(dāng)著我的面吹牛闷哆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播劣坊,決...
    沈念sama閱讀 40,474評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼锐想!你這毒婦竟也來了乍狐?” 一聲冷哼從身側(cè)響起浅蚪,我...
    開封第一講書人閱讀 39,359評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤惜傲,失蹤者是張志新(化名)和其女友劉穎盗誊,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體荒适,經(jīng)...
    沈念sama閱讀 45,854評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡刀诬,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評(píng)論 3 338
  • 正文 我和宋清朗相戀三年陕壹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了糠馆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片怎憋。...
    茶點(diǎn)故事閱讀 40,146評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖耽装,靈堂內(nèi)的尸體忽然破棺而出掉奄,到底是詐尸還是另有隱情凤薛,我是刑警寧澤,帶...
    沈念sama閱讀 35,826評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站涣狗,受9級(jí)特大地震影響舒憾,放射性物質(zhì)發(fā)生泄漏镀迂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望饰序。 院中可真熱鬧规哪,春花似錦诉稍、人聲如沸最疆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽心褐。三九已至笼踩,卻和暖如春嚎于,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背袍睡。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評(píng)論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留色瘩,地道東北人居兆。 一個(gè)月前我還...
    沈念sama閱讀 48,420評(píng)論 3 373
  • 正文 我出身青樓泥栖,卻偏偏與公主長(zhǎng)得像吧享,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子钞它,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評(píng)論 2 356

推薦閱讀更多精彩內(nèi)容

  • 1、 jQuery 能做什么锯仪? jquery是一個(gè)豐富的js庫趾盐,內(nèi)部對(duì)js的很多復(fù)雜的方法進(jìn)行了封裝和加工,比如j...
    zh_yang閱讀 1,408評(píng)論 6 13
  • 1: 庫和框架的區(qū)別秩冈? 庫:庫是更多是一個(gè)封裝好的特定的集合漩仙,提供給開發(fā)者使用犹赖,而且是特定于某一方面的集合(方法和...
    任少鵬閱讀 398評(píng)論 0 2
  • 1麸折、說說庫和框架的區(qū)別粘昨? 庫是一個(gè)數(shù)據(jù)倉庫,里面放了各種可以利用的API芭析,由于庫的內(nèi)部已經(jīng)做了各種底層的封裝和各種...
    kumabearplus閱讀 180評(píng)論 0 1
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,342評(píng)論 0 8
  • 再次經(jīng)過繁華的街頭 驀然回首 該走的不會(huì)留 留下的人不會(huì)再走 把手放在心口 抬頭仰望 遠(yuǎn)處燃放的煙火 在擴(kuò)散成最大...
    赤蛇郎君閱讀 373評(píng)論 0 4