动态生成class绑定事件失效

// 在项目中第一次写动态添加的时候，遇到了一个问题，就是添加的标签，之前绑定的class事件都失效了，查资料后发现，是绑定事件使用的方法不对

// 首先是失效情况
$('.btn').click(function() {
    alert('点击事件');
});
// .click()的方式绑定事件的，这个方法对动态添加的元素是无用的，只对静态控件有效。

// 修改后实现的代码
$('body').on('click', '.btn', function() {
    alert('点击事件')
});//正确
$('.btn').on('click', function() {
    alert('点击事件')
});//错误
// .on()方法来绑定，尝试后发现动态添加的按钮也绑定了事件
// 总结：click()方法对动态生成的标签无效，当有动态生成时，使用on()方法绑定事件。