在DOM操作中，常常需要动态地创建html内容，使文档在浏览器里的效果发生变化，并且达到各种各样的人机交互的目的。jquery创建节点的方式包括创建元素节点、创建文本节点和创建属性节点等。

jquery

1.创建元素节点

例如要创建两个li元素节点，并把他们作为ul元素节点的子节点添加到DOM中。

创建节点使用$(html)，将元素插入文档中，可以使用jquery的append()等方法。

$(html)方法会根据传入的html标记字符串创建一个DOM对象，并将这个DOM对象包装成一个jquery对象后返回。

首先创建两个li元素：

var $li1=$("<li></li>");//创建li元素

var $li2=$("<li></li>");//创建li元素

将li元素添加到ul节点中：

$("ul").append($li1);//将li元素添加到ul节点中

$("ul").append($li2);//将li元素添加到ul节点中

运行效果：

由于只有元素节点，所以只显示表示li元素的圆点。

2.创建文本节点

直接在创建元素节点的同时加入文本即可创建文本节点。

代码如下：

$li1=$("<li>桃子</li>");//创建li元素，包括文本

$li2=$("<li>芒果</li>");//创建li元素，包括文本

$("ul").append($li1);//将li元素添加到ul节点中

$("ul").append($li2);//将li元素添加到ul节点中

运行效果：

3.创建属性节点

创建属性节点与创建文本节点类似，也是直接在创建元素节点时一起创建。

代码如下：

//属性节点

$li1=$("<li title='橙子'>橙子</li>");//创建li元素，包括属性和文本

$li2=$("<li title='西瓜'>西瓜</li>");//创建li元素，包括属性和文本

$("ul").append($li1);//将li元素添加到ul节点中

$("ul").append($li2);//将li元素添加到ul节点中

运行效果：

完整的代码：

运行效果：

4.关于jquery插入、$(html)以及append()等的API：

插入元素

jquery核心操作

append

appendTo

prepend

prependTo

after

insertAfter

before

insertBefore

以上即为jquery创建节点的相关内容。