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

2025-05-15 10:48:21

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这些方法都是一样,我就不一一尝试。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢