$.on方法与$.click()的区别

1、$.on("click")

支持动态元素绑定事件，该事件是绑定到document上，只要符合条件的元素即可绑定事件，同时$.on()可以绑定多个事件

on方法

on(events,[selector],[data],fn)

events:一个或多个用空格分隔的事件类型，如click、focus

selector:选择器字符串

data:事件被触发时传递给函数的参数

fn:事件被触发时执行的函数

该方法可以给动态的元素绑定事件

 

$(selectorParent).on("click",selectorChildren,{"name":"nick"},function(event){
   console.log(event.data.name);     
})

selectorChildren必须是selectorParent元素的子元素

on对同一个元素绑定多次，事件就会执行多次，需要用off解绑，详细可参阅http://blog.csdn.net/fun913510024/article/details/46971681　

2、$.click()

只能为页面现有元素绑定事件，对于动态生成的元素，没有事件

转载于:https://www.cnblogs.com/lhyhappy365/p/6897602.html