2-11 移除

涉及节点删除的接口jQuery划分了四个分别是detach，empty，remove，unwrap，因为使用的范围不同，所以功能有所差异，但是总的来说都是用来清理节点的。

innerText是我们常用的文本清理方法，但是火狐下不兼容，不过会提供一个类似的方法叫textContent。

两者还是有一些区别的，总结如下。

IE中的innerText是需要对innerHTML的值进行：

1.  HTML转义（等同于XML转义，对<、&等转义字符进行处理）；
2.  经过HTML解释和CSS样式解释；
3.  之后又剔除格式信息；
4.  之后留下的纯文本。

而FF中的textContent没有2、3步，在经过了HTML转义之后直接剔除所有html标签后得到的纯文本，我们在接着看下就jQuery对节点清除的具体封装。

.empty()

从DOM中移除集合中匹配元素的所有子节点，为了避免内存泄漏，jQuery先移除子元素的数据和事件处理函数，然后移除子元素。

empty: function() {
    var elem,
        i = 0;
    for (;
        (elem = this[i]) != null; i++) {
        if (elem.nodeType === 1) {
            jQuery.cleanData(getAll(elem, false));
            elem.textContent = "";
        }
    }
    return this;
}

jQuery是合集元素，所以我们遍历下this[i]，然后直接把元素的textContent清空即可，但是需要注意jQuery.cleanData方法，清除节点不单单只有元素，还有附加在上面的事件处理与数据缓存。

jQuery.cleanData方法，就是通过元素判断上绑定的expando的这个uuid在与之对应的cache中找到数据与事件句柄加以删除。

.remove()

.remove() 将元素移出DOM，当我们想将元素自身移除时我们用 .remove()，同时也会移除元素内部的一切，包括绑定的事件及与该元素相关的jQuery数据。

remove: function(selector, keepData /* Internal Use Only */ ) {
    var elem,
        elems = selector ? jQuery.filter(selector, this) : this,
        i = 0;
    for (;
        (elem = elems[i]) != null; i++) {
        if (!keepData && elem.nodeType === 1) {
            jQuery.cleanData(getAll(elem));
        }
        if (elem.parentNode) {
            if (keepData && jQuery.contains(elem.ownerDocument, elem)) {
                setGlobalEval(getAll(elem, "script"));
            }
            elem.parentNode.removeChild(elem);
        }
    }
    return this;
}

remove是empty的加强版，把本身的父节点也清除掉了。因为remove支持过滤器所以支持传递selecor。remove需要删除自身及其所有的子元素包括事件与数据，所以要通过找到父节点parnetNode移除。

.detach()

如果你想删除元素，不破坏他们的数据或事件处理程序（这些绑定的信息还可以在之后被重新添加回来）。.detach() 方法和.remove()一样, 除了 .detach()保存所有jQuery数据和被移走的元素相关联。当需要移走一个元素，不久又将该元素插入DOM时，这种方法很有用。

detach: function(selector) {
      return this.remove(selector, true);
 }

这个方法也很简单，意味着这要暂时移除节点，但是不销毁对应的事件与数据，在remove方法中支持传递布尔值用来处理这个cleanData的过滤。