.click()与on('click',function())

注：这篇博客是本人遇到这类问题，参考别人的博客解决问题之后，编写，修改下来。供自己日后学习使用。

 

 

之前遇到过一次.click()无效，改成on绑定click就好了的情况，看了几篇博客后，发现是自己对click()和on的理解不够，没太在意，最近又遇到了，所以写下这篇博客加深印象。

我把例子写下来了，加载前的是我写的死数据；加载后的是指通过Ajax加载后渲染在页面上的数据。（注意加载后的 li 就是加载前的 .main_text）

$(选择器).click(fn)

当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。而 li 这个元素是通过append加到页面上的 。所以.click()无效，只有静态的数据能触发click事件，也就是说通过Ajax动态获取到的 li 是没有办法通过click事件加上select的类

.$(document).on('click','要选择的元素',function(){})
on方法包含很多事件，点击，双击等等事件。和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。即动态创建的元素也能触发事件