jquery对动态生成节点的事件绑定

$('#dom2').click(function(e){  
  //do something  
}); 

这是一段很常见jquery事件绑定代码,也是本人经常使用的代码，但是它对后期生成的html代码无法实现绑定。

jQuery的事件绑定有多个方法可以调用，以click事件来举例：

1. bind(支持Jquery所有版本);
2. delegate(支持jquery1.4.2+);
3. on方法(支持jquery1.7+);
4. live方法(支持jquery1.9-,on替换);
5. click方法

不管你用的是（click / bind / delegate/live)之中那个方法，最终都是jQuery底层都是调用on方法来完成最终的事件绑定。
因此从某种角度来讲除了在书写的方便程度及习惯上挑选，不如直接都采用on方法来的痛快和直接而且on方法绑定事件可以提升效率。
使用on方法，将事件绑定于未来要生成的节点的静态父节点上，可以确保事件有效。

 $(document).on('click','td canvas',function(e){
      //do something
  });