操作方法
创建节点的用法： 本来body部分是： 空的 现在我们在demo.js创建一个代码： var box=$('<div id="pox">1234</div>'); 然后 我们插入节点 $('body').append(box); 这样我们body里面就多一个div的节点 最后显示结果： 1234
插入节点方法我总结为内前后 ,外前后 所谓内前后分为 内后 内前 内后是指向指定元素内部后面插入节点 例如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>
外前后也一样，分为外后，外前 外后：向指定元素的外部后面插入节点 <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>
另外appendTo prevpendTo insertAfter insertBefore这些方法都是一样，我就不一一尝试。