jQuery中的on和click的区别

【前言】

     开发中有时会遇到点击事件失效的场景，之前总结过，今天又遇到了。所以这里再记录下，以后讲课提一提

      问题：jQuery中的on和click的区别

      开发中推荐使用on方法

【主体】

   $().click()和$(document).on('click','要选择的元素',function(){})，都是点击事件的操作，但是也有不同的地方。

 

  1. $(选择器).click(fn)

　　　　当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。

 

  2.$(document).on('click','要选择的元素',function(){})

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

 

【总结】

      click是点击事件，但是在页面加载完之后，jquery事件新添加的元素，用click的话是无法获取元素的，这个时候要用on去获取元素事件，简单的说页面加载完成时候页面显示的元素可以用on，也可以用click，但是页面加载完成之后后期再追加的元素只能用on。