$.on方法与$.click()的区别 1、$.on("click") 2、$.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()

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