on('click')与.click()事件的区别

$(selector).on('click',function(){ });

支持动态绑定元素,即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素,如绑定body里的动态li元素:

$('body).on('click','ul li',function(){});

若直接绑定动态的li元素将不成功,效果与$('').click()相同。

$('').click()事件只能绑定静态元素。

详见:

JQuery.on() 函数详解

http://www.365mini.com/page/jquery-on.htm