jquery如何创建节点和插入节点？

1、创建节点的用法：

本来body部分是：

空的

现在我们在demo.js创建一个代码：

var box=$('<div id="pox">1234</div>');

然后

我们插入节点

$('body').append(box);

这样我们body里面就多一个div的节点

最后显示结果：

1234

2、插入节点方法我总结为内前后 ,外前后

所谓内前后分为 内后   内前

内后是指向指定元素内部后面插入节点 

例如body部分：

<div id="box">节点</div>

demo.js代码：

$('div').append('<strong>我是谁</strong>');

输出结果   节点 我是谁，整个结构变成这样：

<div id="box">节点

<strong>我是谁</strong></div>

内前是指向指定元素内部的前面插入节点

我们改一下demo.js:

$('div').prevpend('<strong>我是谁</strong>');

输出结果   我是谁节点 ，整个结构变成这样：

<div id="box">

<strong>我是谁</strong>

节点

</div>

3、外前后也一样，分为外后，外前

外后：向指定元素的外部后面插入节点

<div id="box">节点</div>

demo.js代码：

$('div').after('我是谁');

输出结果：

节点

我是谁

结构是这样：

<div id="box">节点</div>

我是谁

外前与外后相反，demo.js如下：

$('div').before('我是谁')；

输出结果：

我是谁

节点

结构如下：

我是谁

<div id="box">节点</div>

4、另外appendTo prevpendTo insertAfter insertBefore这些方法都是一样，我就不一一尝试。