jQuery on click delegate区别，绑定未来元素事件 jQuery绑定事件，主要有一下几种

巨大的建筑，总是由一木一石叠起来的，我们何妨做做这一木一石呢？我时常做些零碎事，就是为此。
这是对的，但是我没有说过这句话！ —— 鲁迅

jQuery绑定事件，主要有一下几种

直接click绑定

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

});

这种是用的最多的，但是这种绑定有一个前提，就是div元素必须存在，假如不存在，在未来添加的话，那就无效了

delegate绑定

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

其中 div是存在的， button可以是不存在的，可能是执行该方法之后，button才添加的，但是button一定是div的子元素。

on绑定

on绑定结合了二者的功能

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

});

这种同直接click，一样。

$('div').on('click','select[name="fuelType"]',function(){

});

这种是可以给未来元素绑定事件，事件是加在子元素 select[name="fuelType"]上面，而不是div上面，div是父元素，是一开始就存在的，select元素是后来动态添加的.