jquery实现给动态元素绑定事件的方法

在jquery中，我们经常使用$(elem).bind(event,function);这种方式给元素绑定事件。在大部分情况下这种写法无疑是适用的。然而，当页面上原本不存在某些如button,select等元素，而是后期通过动态创建的方式创建出来的控件，这种写法，便不再适用了。

这里，我给大家提供一种解决方案。在这种情况下，我们可以利用jquery中的on()为新添加的动态元素绑定事件，具体语法如下：

$(selector).on(events,childSelector,function)

其中：

• selector：必需,父元素
• events：必需，需要绑定的一个或多个事件。
• childSelector：非必需，selector下动态创建的子元素（真正需要绑定事件的元素）。此项非必需，如果没有，则$(selector).on(events,null,function)等价于$(selector).bind(events,function) 。
• function：必需，规定当事件发生时运行的函数。