动态生成dom元素时，jquery点击事件失效

这周在工作中遇到一些小问题，趁着不加班，来记录一下，好记性不如Mac键盘，啊哈哈先吟一句诗。

问题

页面上一些元素是通过js动态生成的，给这些元素绑定一些事件，比如点击，并不会生效，这是为什么呢？

解决方法

先说解决方法。

//监听新增DOM元素的点击事件
$('#domId').on('click','.newClass',function(){
			//doSomething;
})
//此处的'#domId'必须是你页面初始化时就加载好的dom节点，也就是你html中本来就存在的。
//此处的'.newClass'是你要监听的新增的DOM元素标识。
//注：.newClass需是#domId的子元素。

拓展 on()

on() 这个方法现在很强大，除了监听点击还有其他的事件也可以监听。由于可以监听到所选元素的子元素，所以还可以简化代码。

语法

$(selector).on(event,childSelector,data,function)

定义和用法

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。

一些注意事项

注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。
提示：如需移除事件处理程序，请使用 off() 方法。
提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。

除了click，on()还可以监听哪些方法？

因为文档上没有直接说明支持哪些事件，所以：
这是我从论坛上搜集到的已证实可用的事件：

	blur focus focusin focusout resize scroll click dblclick 
    mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave 
    change select submit keydown keypress keyup contextmenu

并且，除此之外，甚至还支持自定义事件，通过trigger方法来触发自定义事件即可。