.click(function(){});和.on('click',function(){})的區(qū)別是什么？？
感覺(jué)都是單擊觸發(fā)效果。
胡凱爺兒斯
2018-08-14
3 回答
舉報(bào)
0/150
提交
取消
2019-08-08
var a = $('<div class="cl">創(chuàng)建節(jié)點(diǎn)</div>');
a.appendTo('body');
$('.cl').click(function(){console.log('click無(wú)on')});
$('body').append('<div class="cl">新建節(jié)點(diǎn)</div>')；
2019-02-15
click定義了以后，只對(duì)上文的dom有效果，下文新建的dom是沒(méi)有這個(gè)事件的
on了以后，不管是上文擁有的dom，還是新建的dom，都有這個(gè)事件
一個(gè)很簡(jiǎn)單的例子：
不用on：
var a = $('<div class="cl">創(chuàng)建節(jié)點(diǎn)</div>');
a.appendTo('body');
$('.cl').click(function(){console.log('click無(wú)on')});
$('body').append('<div class="cl">新建節(jié)點(diǎn)</div>')；
這個(gè)只有創(chuàng)建節(jié)點(diǎn)這個(gè)dom上點(diǎn)擊有console，新建節(jié)點(diǎn)沒(méi)有console
下面用on：
var a = $('<div class="cl">創(chuàng)建節(jié)點(diǎn)</div>');
a.appendTo('body');
$(document).on('click', '.cl', function(){console.log('click有on')});
$('body').append('<div class="cl">新建節(jié)點(diǎn)</div>');
這個(gè)創(chuàng)建節(jié)點(diǎn)和新建節(jié)點(diǎn)都有console
2018-08-14
基本沒(méi)什么區(qū)別，只是前者是靜態(tài)處理事件而后者是動(dòng)態(tài)處理事件。