用jQuery绑定事件到动态创建的元素上

jQuery最常用的一个功能就是对DOM的操作，与之相关的比如对事件的绑定和Ajax动态内容加载。当我们绑定事件到Ajax load回来的内容上或其他动态创建的元素上时会发现事件没响应，和你预想的结果不同，就像没这会事儿一样。这是前端开发 非常蛋疼的问题。jQuery在1.3的版本里面引入了.live()方法，后来jQuery团队有在这基础上加入了.delegate()和.on()方法来解决这种尴尬的局面。大家可以根据你自己项目使用的jQuery版本不同选择下面的不同方法解决这个问题。

我的jquery版本是1.10

$('#resultTable').append("<tr><td>" + $(this).text() + "</td></tr>");

当我动态的往table中添加新行后，我希望能给它加上事件，因为这个元素是后来添加的，而click事件的注册，在页面加载时就已经完成了（当前页面有几个tr，td，就那么几个。后来添加的，都不会注册click事件）

解决方法: .on()

$("table tbody").on("click",'tr', function () {

            alert(this.children[0].innerHTML);

});

我们是首先把事件绑定到父级元素/或者说是容器，再通过类选择器找到"tr"元素，然后把事件传递到动态创建的子元素上。我们必须要把事件绑定放到父级