JS事件委托

1、JS事件委托定义

事件委托的原理是：事件冒泡机制，把事件加到父元素或祖先元素上触发事件。

2、JS事件委托优点

提高了性能，减少了事件注册.
能为动态添加的元素绑定事件

案例：

$(".add").click(function () {
var dl = $("<dl></dl>");
var dt = $(`<dt><img src=${arr[mathNum].pic}></dt>`);
var dd1 = $(`<dd>${arr[mathNum].title}</dd>`);
var dd2 = $("<dd><a class='del' href='javascript:void(0);'>删除</a></dd>");
dl.append(dt, dd1, dd2);
$(".clear").before(dl);
	});
var list = document.querySelector("#listbox");
list.addEventListener("click",function(e){
    if(e.target.nodeName.toLowerCase()== "a" ){
		list.removeChild(e.target.parentNode.parentNode)
	}
        });