jq 给未来元素绑定事件

随着DOM结构的复杂化和Ajax等动态脚本技术的运用，有了较多的动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到，在这里就需要用到事件委托方法，JQ事件委托有三种方法live（）、dalegate（）和on（），不过现在live（）、dalegate（）因为弊端已经被淘汰掉，现在我们主要给未来元素绑定事件的方法就是on()。   

on()方法进行事件委托(注：1.7及以上的版本才支持)。用法：on(events,[selector],[data],fn) 

必须放在$(function(){})中才会有效果。

$(function(){

$(document).on('click','绑定点击事件的元素',function(){

/*需要注意的就是事件里边的$(this)指的就是被点击的元素而不是$(document)*/

})

})

这就是on()方法的基本运用。