第八章：节点模块

    function createNameElement(type, name) {
        var element = null;
        //尝试ie方式
        try {
            element = document.createElement(‘<‘ + type + ‘ name="‘ + name + ‘">‘);
        } catch (e) {}

        if (!element || element.nodeName != type.toUpperCase()) {
            // non -ie 
            element = document.createElement(type);
            element.name = name;
        }
        return element;
    }
    createNameElement("dd","aa"); //=> <dd></dd>  name = aa

    var div = document.createElement("div");
    div.innerHTML = "<b>2</b><b>2</b>"
    console.log(div.childNodes.length); //ie6-8 3.其它浏览器4
    console.log(div.firstChild.nodeType); //ie6 1,其它3

//ie6 8
    var div = document.createElement("div");
    div.innerHTML = ‘<meta charset=utf-8 />‘; //0
    alert(div.childNodes.length)
    div.innerHTML = ‘x<meta charset=utf-8 />‘; //2
    alert(div.childNodes.length)

        var div = document.createElement("div");
        div.innerHTML = ‘<table><tbody><tr></tr></tbody></table>‘;
        alert(div.getElementsByTagName("tr").length); //1
        div.innerHTML = ‘<table><tbody><tr>‘;
        alert(div.getElementsByTagName("tr").length); //1

    function $(a, b) { //第一个构造器
        return new $.fn.init(a, b); //第二个构造器
    }
    //将原型对象放到一个名字更短更好记的属性名中
    //这是jQuery人性化的体现，也方便扩展原型方法
    $.fn = $.prototype = {
        init : function (a, b) {
            this.a = a;
            this.b = b;
        }
    }
    //共用一个原型
    $.fn.init.prototype = $.fn;

    var a = $(1, 2)
    console.log(a instanceof $);
    console.log(a instanceof $.fn.init)

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<script type="text/javascript">
window.onload = function () {
    var a = document.createElement("span")
    a.innerHTML = "span";
    $("div").append(a)
}
</script>

    "append,prepend,before,after,replace".replace($.rword, function(method) {
        $.fn[method] = function(item) {
            return manipulation (this, method, item, this.ownerDocument);
        };
        $.fn[method + "To"]  = function(item) {
            $(item, this.ownerDocument) [method] (this);
            return this
        }
    })

<div id="test">
     <a href="http://www.baidu.com/">link</a>
</div>
<script type="text/javascript">
window.onload = function () {
    var els = document.getElementsByTagName("a");
    var div = document.getElementById("test");
    for (var i = 0; i < els.length; i++) {
        var ele = document.createElement("a");
        ele.setAttribute("href", "http://www.google.com/");
        ele.appendChild(document.createTextNode("new link"));
        div.appendChild(ele);//添加一个新的链接
    }
}
</script>

    if (!document.documentElement.applyElement && typeof HTMLElement !== "undefined") {
        HTMLElement.prototype.removeNode = function(deep) {
            if (this.parentNode) {
                if (!deep) {
                    var fragment;
                    var range = this.ownerDocument.createRange();
                    range.selectNodeContents(this);
                    fragment = range.extractContents();
                    range.setStartBefore(this);
                    range.insertNode(fragment);
                    range.detach()
                }
                return this.parentNode.removeChild(this);
            }
            if (!deep) {
                var range = this.ownerDocument.createRange();
                range.selectNodeContents(this);
                range.deleteContents();
                range.detach()
            }
            return this;
        }
    HTMLElement.prototype.applyElement = function(newNode, where) {
        newNode = newNode.removeNode(false);

        switch ((where || ‘outside‘).toLowerCase()) {
            case ‘inside‘ :
            var fragment;
            var range = this.ownerDocument.createRange();
            range.selectNodeContents(this);
            range.surroundContents(newNode);
            range.detach();
            beark;

            case ‘outside‘ :
            var range = this.ownerDocument.createRange();
            range.selectNode(this);
            range.surroundContents(newNode);
            range.detach();
            beark;

            default :
            throw new Error (‘DOMException.NOT_SUPPORTED_ERR(9)‘)
        }
        return newNode;
    }
    }

    $.fn.clone = function (dataAndEvent, deepDataAndEvents) {
        dataAndEvent = dataAndEvent == null ? false :dataAndEvents;
        deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
        return this.map(function() {
            return cloneNode(this, dataAndEvents, deepDataAndEvents);
        })
    }

    function cloneNode (node, dataAndEvents, deepDataAndEvents) {
        if (node.nodeType === 1) {
            var neo = $.fixCloneNode(node), //复制元素attibutes
                src, neos, i;
            if (dataAndEvents) {
                $.mergeData(neo, node); //复制数据与事件
                if (deepDataAndEvents) {//处理子孙的复制
                    src = node[TAGS] ("*");
                    neos = neo[TAGS] ("*");
                    for (i = 0; src[i], i++) {
                        $.mergeData(neos[i], src[i]);
                    }
                }
            }
            src = neos = null;
            return neo;
        } else {
            return node.cloneNode(true);
        }
    }

    //应该是jquery 1.4 manipulation模块
    clone : function (events) {
        var ret = this.map(function() {
            if ( !jQuery.support.noCloneEvent && !jQuery.isXMLDoc(this) ) {
                var html = this.outerHTML, ownerDocument = this.ownerDocument;
                if (!html) {
                    var div = ownerDocument.createElement("div");
                    div.appendChild( this.cloneNode(true) );
                    html = div.innerHTML;
                }

                return jQuery.clean([html.replace(rinlinejQuery, "")
                    .replace(rleadingWhitespace, "")], ownerDocument)[0];
            } else {
                return this.cloneNode(true)
            }
        })

        //复制事件
        if (events === true) {
            cloneCopyEvent( this, ret);
            cloneCopyEvent( this.find("*"), ret.find("*"));
        }
        return ret;
    }

    clone : function() {
        return this.map( function() {
            return this.cloneNode(true)
        } )
    }
    //zepto

    var removeNode = IE6 || IE7 ? function() {
        var d ;//这里的ie6还ie7自己来实现
        return function(node) {
            if (node && node.tagName != ‘BODY‘) {
                d = d || document.createElement(‘DIV‘);
                d.appendChild(node);
                d.innerHTML = ‘‘;
            }
        }
    }() : function(node) {
        if (node && node.parentNode && node.tagName != ‘BODY‘) {
            node.parentNode.removeChild(node);
        }
    }

    window.onload = function () {
        var div = document.createElement("div");
        alert(div.parentNode) //null
        document.body.removeChild(document.appendChild(div));
        alert(div.parentNode); //ie6-8 object,其它的为null
        if (div.parentNode) {
            alert (div.parentNode.nodeType); // => 11 文档碎片
        }
    }

<body><div id="test"></div></body>
<script type="text/javascript">
    window.onload = function() {
        var div = document.getElementById(‘test‘);
        document.body.innerHTML = ‘‘;
        alert(div.parentNode); //null
    }
</script>

    window.onload = function() {
        var div1 = document.getElementById(‘test1‘);
        div1.parentNode.removeChild(div1);
        alert(div1.id + ":" + div1.innerHTML); // test1:test1

        var div2 = document.getElementById(‘test2‘);
        div2.parentNode.innerHTML = "";
        alert(div2.id + ":" + div2.innerHTML); //(ie)test2:    
    }

    "remove, empty, detach".replace($.rword, function() {
        $.fn[method] = function() {
            var isRemove = method !== "empty";
            for (var i = 0, node; node = this[i++];) {
                if (node.nodeType === 1) {
                    //移除匹配操作
                    var array = $.slice(node[TGAS]("*")).concat(isRemove ? node : []);
                    if (method !== "detach") {
                        array.forEach(cleanNode);
                    }
                }
                if (isRemove) {
                    if (node.parentNode) {
                        node.parentNode.removeChild(node);
                    }
                } else {
                    while (node.firstChild) {
                        node.removeChild(node.firstChild);
                    }
                }
            }
            return this;
        }
    });

    function clearChild (node) { //node可以是元素节点或文档碎片
        while (node.firstChild) {
            node.removeChild(node.firstChild)
        }
        return node
    }

    var deleteRange = document.createRange();
    function clearChild(node) { //node可以是元素节点或碎片
        deleteRange.setStartBefore(node.firstChild)
        deleteRange.setEndAfter(node.lastChild)
        deleteRange.deleteContents();
        return node
    }

    function clearChild (node) { //node可以是元素节点或碎片
        node.texrContent = "";
        return node;
    }