$('#dom2').click(function(e){ //do something });
这是一段很常见jquery事件绑定代码,也是本人经常使用的代码,但是它对后期生成的html代码无法实现绑定。
jQuery的事件绑定有多个方法可以调用,以click事件来举例:
- bind(支持Jquery所有版本);
- delegate(支持jquery1.4.2+);
- on方法(支持jquery1.7+);
- live方法(支持jquery1.9-,on替换);
- click方法
不管你用的是(click / bind / delegate/live)之中那个方法,最终都是jQuery底层都是调用on方法来完成最终的事件绑定。
因此从某种角度来讲除了在书写的方便程度及习惯上挑选,不如直接都采用on方法来的痛快和直接而且on方法绑定事件可以提升效率。
使用on方法,将事件绑定于未来要生成的节点的静态父节点上,可以确保事件有效。
$(document).on('click','td canvas',function(e){ //do something });