$('.content').on('click', '.p1',function(e) {};和$('.content .p1').on('click',function(e) {};的區(qū)別是:第一個(gè)事件綁定在content上,第二個(gè)事件綁定在.content 的 .p1上,第一個(gè)優(yōu)點(diǎn)是p1、p2、p3等多個(gè)模塊都需要點(diǎn)擊事件的話,同是綁定到content上,用的只是一個(gè)點(diǎn)擊事件,可以極大的優(yōu)化內(nèi)存,如果每個(gè)子模塊綁定一個(gè)點(diǎn)擊事件是可以做,但是大牛不會(huì)這么寫!這是小生的理解。
2016-11-25
<div class="content"><p class='p1'>圖片</p><p class='p2'>標(biāo)題</p><p class='p3'>內(nèi)容</p></div>
$('.content').on('click', '.p1',function(e) {};
$('.content').on('click', '.p2',function(e) {};
$('.content').on('click', '.p3',function(e) {};
我個(gè)人的理解,三個(gè)模塊的點(diǎn)擊事件都只綁定到了content上,而不是每個(gè)節(jié)點(diǎn)綁定一個(gè)事件,這樣極大的優(yōu)化了內(nèi)存!??!
$('.content').on('click', '.p1',function(e) {};
$('.content').on('click', '.p2',function(e) {};
$('.content').on('click', '.p3',function(e) {};
我個(gè)人的理解,三個(gè)模塊的點(diǎn)擊事件都只綁定到了content上,而不是每個(gè)節(jié)點(diǎn)綁定一個(gè)事件,這樣極大的優(yōu)化了內(nèi)存!??!
2016-11-25
<div class="content"><p class='p1'>圖片</p><p class='p2'>標(biāo)題</p><p class='p3'>內(nèi)容</p></div>
$('.content').on('click', '.p1',function(e) {};
$('.content').on('click', '.p2',function(e) {};
$('.content').on('click', '.p3',function(e) {};
我個(gè)人的理解,三個(gè)模塊的點(diǎn)擊事件都只綁定到了content上,而不是每個(gè)節(jié)點(diǎn)綁定一個(gè)事件,這樣極大的優(yōu)化了內(nèi)存!??!
$('.content').on('click', '.p1',function(e) {};
$('.content').on('click', '.p2',function(e) {};
$('.content').on('click', '.p3',function(e) {};
我個(gè)人的理解,三個(gè)模塊的點(diǎn)擊事件都只綁定到了content上,而不是每個(gè)節(jié)點(diǎn)綁定一個(gè)事件,這樣極大的優(yōu)化了內(nèi)存!??!
2016-11-25
,感覺有JavaScript 基礎(chǔ)的看這個(gè)應(yīng)該能看的出錯(cuò)誤;,這些代碼好像有很多沒有加分號(hào)結(jié)尾;
2016-11-25
冒泡就是將事件綁定在父級(jí)以上,點(diǎn)誰就由所綁定的事件去觸發(fā)誰,當(dāng)然此時(shí)會(huì)遇到一個(gè)參數(shù)匹配的問題,只有參數(shù)匹配時(shí)才會(huì)真正觸發(fā)(提供了一個(gè)條件控制,運(yùn)用更為靈活!)
2016-11-25
我真的要吐槽下了,憋了很久了。老師不辭辛苦的碼字上課解惑本是好事,也確實(shí)辛苦。但既然您都已經(jīng)辛苦了,能再多辛苦點(diǎn)嗎,案例至少換個(gè)也算您費(fèi)心。但看了這么多堂課這案例都一樣,您這也太偷懶了吧,根本就是毫無意義案例。。。。。。
2016-11-22