jquery动态绑定

jquery动态绑定

---

事件冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。

• 例如在下面div中,假如我们想给input绑定点击事件，但是这个input是后续动态加进去的，我们如果直接用 $(“#test input:first”).click();jquery是找不到这个input的。

<div id="test"><input type="button" value="提交" /></div>

• 所以可以这样写

$("#test").on("click","input:first",function(){
    console.log('点击');
});