js创建新的节点

首先说说js创建节点：

createElement() 创建一个元素节点 
 createTextNode() 创建一个文本节点 

用法：

var element = document.createElement("div");
element.className = "message";
var textNode = document.createTextNode("Hello world!");

element.appendChild(textNode);

appendChild() 方法是向节点添加最后一个子节点。

例如：document.getElementById("test").appendChild(node);   //将li节点，添加到id为test的元素下面

再谈谈jquery创建节点：

最常用的就是$("#test").append("<div></div>");

这样用append就可以创建一个div，它的父类是id为test的元素，

其中insertAfter方法是将你创建的某个元素插入到指定元素的位置，如:

var newli="<a>11</a>";

var parentDom="<div></div>";

newli.insertAfter(parentDom); // insertAfter方法将创建的a元素元素插入到获取的div元素之后，

再就是insertBefore这个方法是将某个元素移动到目标位置之前，如:

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

var lis= $("ul li:eq(2)"); 

var one_li = $("ul li:eq(1)");

lis.insertBefore(one_li); // 移动节点

展示的结果就是：

1 3 2