jQ $(selector).click() 和$(selector).on('click' )区别

1，监听的事件范围不同，$().click只能监听点击事件

$().on() 可以监听所有的事件

2，参数项不同，$(selector).on 可以传三个参数，$(selector).on('事件'，"选择器",callback) ， $(selector).click(callback)

3，$(selector).click() 只能为静态并且是提前创建好的dom添加事件，$(selector).on('事件'，"选择器",callback)，可以为临时动态创建的dom添加事件

例：

01，当dom是静态的情况，两种方法监听click事件没有区别，而且此时$(selector).on('事件'，"选择器",callback)可以不在参数项里匹配选择器

$('.dw').click(function(){

alert('点击了');

})

$('.dw').on('click',function(){

alert('点击了');

})

02，当dom是动态生成的情况

$('.dw').click(function(e){

$(this).after('<button id="dw">点我</button>');

})

$('#dw').click(function(){

alert('直接写click的点我');//不会被触发

})

$('body').on('click',"#dw",function(e){

alert('通过on监听的选择事件的点我');//会被触发

})