jquery添加节点,jQuery添加节点的方法

jQuery中插入节点的方法有哪些

内部插入：1,append;2,appendTo;3,prepend;4,prependTo

外部插入：1，after;2,before;3,insertAfter;4,insertBefore

具体的怎么用你可以再百度下

相关问答

Q1: JQuery如何为XML对象添加节点

$(function() {

//定义一个xml对象

var x = $("xmlitemscenter //items/xml");

//在 center节点的结尾添加一个 bottom节点 ，然后在center节点的开头添加一个top节点

x.find("center").appendXml("bottom /").prependXml("top /");

//在 center节点的后面添加一个after节点，然后在center节点的前面添加一个before节点

x.find("center").afterXml("after /").beforeXml("before /");

alert(x.xml());

});

(function($) {

    function mnpXml(opCode, xmlStr) {

        return this.each(function() {

            if (typeof xmlStr != "string") return;

            if (!jQuery.isXMLDoc(this)) return;

            var node = $.parseXml(xmlStr).firstChild.cloneNode(true);

            switch (opCode) {

                case "append":

                    this.appendChild(node);

                    break;

                case "prepend":

                    if (this.childNodes.length  0)

                        this.insertBefore(node, this.firstChild);

                    else

                        this.appendChild(node);

                    break;

                case "after":

                    if (this.nextSibling)

                        this.parentNode.insertBefore(node, this.nextSibling);

                    else

                        this.parentNode.appendChild(node);

                    break;

                case "before":

                    this.parentNode.insertBefore(node, this);

                    break;

            }

        });

    }

    $.fn.extend({

        appendXml: function(s) {

            return mnpXml.call(this, "append", s);

        },

        prependXml: function(s) {

            return mnpXml.call(this, "prepend", s);

        },

        afterXml: function(s) {

            return mnpXml.call(this, "after", s);

        },

        beforeXml: function(s) {

            return mnpXml.call(this, "before", s);

        },

        xml: function() {

            var elem = this[0];

            return elem.xml || (new XMLSerializer()).serializeToString(elem);

        },

        innerXml: function() {

            var s = this.xml();

            var i = s.indexOf(""), j = s.lastIndexOf("");

            if (j  i)

                return s.substring(i + 1, j);

            else

                return "";

        }

    });

    $.extend(jQuery, {

        parseXml: function(xmlStr) {

            if (window.ActiveXObject) {

                var xd = new ActiveXObject("Microsoft.XMLDOM");

                xd.async = false;

                xd.loadXML(xmlStr);

                return xd;

            }

            else if (typeof DOMParser != "undefined") {

                var xd = new DOMParser().parseFromString(xmlStr, "text/xml");

                return xd;

            }

            else return null;

        },

        toXml: function(obj, nodeName, useAttr) {

            var x = $($.parseXml("" + nodeName + " /"));

            var n = x.find(":first");

            for (var p in obj) {

                if (useAttr)

                    n.attr(p, obj[p]);

                else

                    n.appendXml("" + p + " /").find(p).text(obj[p]);

            }

            return x[0];

        }

    });

})(jQuery);

Q2: jquery怎么添加一个父节点

父节点要和添加子节点差不多，但你要把父节点放在什么地方，例如放在body:

var ele=$('div子节点/div');

var ele1=$('div父节点/div');

$(ele1).append(ele);//把子节点放在父节点里

$(document.body).append(ele1);//把父节点放在body里

Q3: jquery如何添加兄弟节点？

用after()或者insertAfter()，就可以实现加入兄弟节点。

在使用after()或者insertAfter()，作为兄弟节点的时候，这两种方法在效果上是一样的。例如$("#button1").after("span内容/span")

$("span内容/span").insertAfter("#button1")

在效果上是相同的，都建立了兄弟节点。