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('<p>我是谁</p>');输出结果:节点我是谁结构是这样:<div id="box">节点</div><p>我是谁</p>外前与外后相反,demo.js如下:$('div').before('<p>我是谁</p>');输出结果:我是谁节点结构如下:<p>我是谁</p><div id="box">节点</div>
4、另外appendToprevpendToinsertAfterinsertBefore这些方法都是一样,我就不一一尝试。