jQuery中插入節(jié)點(diǎn)的方法有哪些

內(nèi)部插入：1,append;2,appendTo;3,prepend;4,prependTo

為沿灘等地區(qū)用戶(hù)提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及沿灘網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、成都做網(wǎng)站、沿灘網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶(hù)提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶(hù)的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

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

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

JQuery如何為XML對(duì)象添加節(jié)點(diǎn)

$(function()?{

//定義一個(gè)xml對(duì)象

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

//在?center節(jié)點(diǎn)的結(jié)尾添加一個(gè)?bottom節(jié)點(diǎn)?，然后在center節(jié)點(diǎn)的開(kāi)頭添加一個(gè)top節(jié)點(diǎn)

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

//在?center節(jié)點(diǎn)的后面添加一個(gè)after節(jié)點(diǎn)，然后在center節(jié)點(diǎn)的前面添加一個(gè)before節(jié)點(diǎn)

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);

jquery怎么添加一個(gè)父節(jié)點(diǎn)

父節(jié)點(diǎn)要和添加子節(jié)點(diǎn)差不多，但你要把父節(jié)點(diǎn)放在什么地方，例如放在body:

var?ele=$('div子節(jié)點(diǎn)/div');

var?ele1=$('div父節(jié)點(diǎn)/div');

$(ele1).append(ele);//把子節(jié)點(diǎn)放在父節(jié)點(diǎn)里

$(document.body).append(ele1);//把父節(jié)點(diǎn)放在body里

jquery如何添加兄弟節(jié)點(diǎn)？

用after()或者insertAfter()，就可以實(shí)現(xiàn)加入兄弟節(jié)點(diǎn)。

在使用after()或者insertAfter()，作為兄弟節(jié)點(diǎn)的時(shí)候，這兩種方法在效果上是一樣的。例如$("#button1").after("span內(nèi)容/span")

$("span內(nèi)容/span").insertAfter("#button1")

在效果上是相同的，都建立了兄弟節(jié)點(diǎn)。