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