2014/10/30 概念细节

一、appendChild() 方法：

描述

该方法将把节点 newchild 添加到文档中，使它成为当前节点的最后一个子节点。

如果文档树中已经存在了 newchild，它将从文档树中删除，然后重新插入它的新位置。（不需要自己再主动删除原来的节点）

返回值

加入的新节点。不是父节点。

 

二、addEventListener(type, listener[, useCapture])

type表示所监听事件的类型的一个字符串。

listener当一个指定类型的事件发生时监听对象将接收到一个通知。该参数必是实现EventListener接口的一个对象或仅仅一个Javascript函数。

如果该参数是实现EventListener接口的一个对象：会自动触发这个对象的handlerEvent方法

 

三、jquery方法 closest()

　　1、这个方法是沿着DOM树向上匹配 

详细说明 

如果给定表示 DOM 元素集合的 jQuery 对象，.closest() 方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素，并用匹配元素构造新的 jQuery 对象。.parents() 和 .closest() 方法类似，它们都沿 DOM 树向上遍历。两者之间的差异尽管微妙，却很重要：

 

.closest()	.parents()
从当前元素开始	从父元素开始
沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。	沿 DOM 树向上遍历，直到文档的根元素为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。
返回包含零个或一个元素的 jQuery 对象	返回包含零个、一个或多个元素的 jQuery 对象

 

　　

 

 

 

 

四、addEventListener vs onclick=fn

1、addEventListener可以对一个元素绑定多个回调，触发的时候是按照绑定的顺序依次触发；

2、onclick=fn只能对一个元素绑定一个回调，因为会发生覆盖，只触发最后一个绑定的回调；