动态添加DOM节点后无法绑定事件解决方法

参考了这两个网址
解决的方法： 通过事件委托完成

https://www.cnblogs.com/tenfly/p/11443275.html

https://blog.csdn.net/a_csdner/article/details/76164986

//向div 标签中 克隆并追加id为test 的节点，
// 同时被克隆的节点追加一个class属性 abc
 $('div').append($('#test').clone().addClass('abc'));

// 当需要动态操作添加后的DOM 的时候 
// div 标签下的 某个具有abc 的class 属性的DOM节点绑定了点击事件
// 选择器选择，这里使用的是 class
			$("div").on('click','.abc',function(){
                //通过事件委托完成，有效
                console.log(this);
                //操作this
                // ...
            });