事件的委派

一、 介绍

-事件的委派是指将事件统一绑定给元素共同的祖先元素，这样当后代元素上的事件触发时，会
一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。
-事件委派是利用冒泡，通过委派可以减少事件的绑定次数，提高程序性能。

二、 Target、nodeName和appendChild

事件对象的属性target：返回触发此事件的元素，返回的是事件的目标节点。
当我们需要为多个后代元素绑定一个单击响应事件，这种麻烦的操作时，就可以用事件委派，通过target指定后代元素节点，从而绑定单击事件。

Html DOM nodeName属性：nodeName属性指定节点的节点名称；
-如果节点时元素节点，则返回标签名。
-如果入股节点是属性节点，则nodeName属性返回属性的名称。
-对于其他节点类型，nodeName属性返回不同节点类型的不同名称。
比如：获取body的元素节点
Document.body.nodeName；

appendChild()方法：你可以用这个方法来追加元素，前提是要先创建你想要追加的元素。
-这个方法的特性是在节点最后添加一个子节点。
-这个方法可以移动元素，从一个元素向另一个元素中移动。
和appendChild()方法一样的有append()方法，append()方法是jQuery的方法
-都是在被选元素的最后追加元素
$(“p”).append(“append text”);

既然说到追加，那就多讲几个：
-prepend()，在被选元素的开头插入内容
-after()，在被选元素之后插入内容
-before()，在被选元素之前插入内容

三、 示例、

1. Html布局
   

2. Javascript
   

3. 效果图