Jquery中的bind,live,delegate,on的區(qū)別抡爹?

bind:
1.兼容性較好槽奕;
2.綁定事件到所有選中的元素上大磺;
3.不能綁定事件到動態(tài)添加的元素上给郊;
4.效率較低菩浙,尤其是嵌套關(guān)系較深的元素

$("li").bind("click", function (event) {  
    alert("hello");  
});  

live:
1.把所有的事件都綁定到j(luò)Query對象$(document)上迎罗;
2.事件只綁定一次睬愤,不需要綁定到篩選出來的元素上;
3.可以綁定事件到動態(tài)添加的元素上纹安;
4.不能使用stopPropagation來阻止事件的冒泡

$("li").live("click", function (event) {  
    alert("hello");  
});  

delegate:
1.將事件綁定到要添加事件元素的父元素身上尤辱,比live更加靈活;
2.綁定的父元素可以采用就近原則钻蔑,比lve的效率高
3.也可以用在動態(tài)添加的元素上

$("#ul").delegate("li", "click", function (event) {  
    alert("hello");  
});  

On:
是jQuery1.7中新增的啥刻,前面的三種方法都是依賴on方法來實現(xiàn)的奸鸯。咪笑,主要特點:
1.事件的添加和卸載都要是通過on來實現(xiàn)的,提供一種統(tǒng)一的事件處理方法娄涩。
2.增加了使用的難度窗怒,對于不熟悉on的使用的,很有可能誤用蓄拣,導(dǎo)致性能下降扬虚。

經(jīng)驗:on方法的正確使用
1.使用on方法,如果第二個參數(shù)使用null球恤,則作用與bind( )相同辜昵;
2.如果第二個參數(shù)適用了選擇器,就要看調(diào)用對象
i.如果調(diào)用對象是$(document)咽斧,則作用與live( )相同
ii.否則與delegate()相同

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末堪置,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子张惹,更是在濱河造成了極大的恐慌舀锨,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宛逗,死亡現(xiàn)場離奇詭異坎匿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)雷激,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門替蔬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人屎暇,你說我怎么就攤上這事承桥。” “怎么了恭垦?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵快毛,是天一觀的道長格嗅。 經(jīng)常有香客問我,道長唠帝,這世上最難降的妖魔是什么屯掖? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮襟衰,結(jié)果婚禮上贴铜,老公的妹妹穿的比我還像新娘。我一直安慰自己瀑晒,他們只是感情好绍坝,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著苔悦,像睡著了一般轩褐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上玖详,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天把介,我揣著相機(jī)與錄音,去河邊找鬼蟋座。 笑死拗踢,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的向臀。 我是一名探鬼主播巢墅,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼券膀!你這毒婦竟也來了君纫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤三娩,失蹤者是張志新(化名)和其女友劉穎庵芭,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體雀监,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡双吆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了会前。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片好乐。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖瓦宜,靈堂內(nèi)的尸體忽然破棺而出蔚万,到底是詐尸還是另有隱情,我是刑警寧澤临庇,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布反璃,位于F島的核電站昵慌,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏淮蜈。R本人自食惡果不足惜斋攀,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望梧田。 院中可真熱鬧淳蔼,春花似錦、人聲如沸裁眯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽穿稳。三九已至存皂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間司草,已是汗流浹背艰垂。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留埋虹,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓娩怎,卻偏偏與公主長得像搔课,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子截亦,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

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