jquery如何添加节点？
程序员文章站
2022-04-05 16:46:17
...
方法：1、使用append()在被选元素的结尾插入内容节点；2、使用prepend()在被选元素的开头插入内容节点；3、使用appendTo()在被选元素的结尾插入元素节点；4、使用prependTo()在被选元素的开头插入元素节点。
本教程操作环境：windows10系统、jquery2.2.4，本文适用于所有品牌的电脑。
相关推荐：《jQuery视频》
jquery添加节点的方法
就拿这个简单的小例子说明一下
1、append方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").append($("p"));//添加到元素内容的后面
})
</script>
2、prepend方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").prepend($("p"));//添加到元素内容的前面
})
</script>
3、appendTo方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
})
</script>
4、prependTo方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
})
</script>
5、after方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").after($("p"));//添加到自己的后面
})
</script>
6、before方法
<body>
<div>我是里面的div</div>
<p>我是外面p</p>
</body>
<script>
$(function(){
$("div").before($("p"));//添加到自己的前面
})
</script>
好了~以上便是添加节点的几个方法，都可以用，不过具体项目中可以根据情况来具体使用！
更多编程相关知识，请访问：编程入门！！
以上就是jquery如何添加节点？的详细内容，更多请关注其它相关文章！
上一篇： jquery.js出现错误怎么办
下一篇： javascript如何隐藏a标签
推荐阅读
-
万兴神剪手转场特效如何使用？使用万兴神剪手为视频添加转场特效的方法
-
如何利用威力酷剪给手机视频添加音乐？
-
jQuery添加新内容的四个常用方法分析【append，prepend，after，before】
-
神剪辑如何添加编辑字幕？神剪辑添加编辑字幕的方法
-
文本中如何批量添加括号？使用EmEditor批量添加括号教程图解
-
jQuery实现动态添加、删除按钮及input输入框的方法
-
js添加节点的方法（js创建节点时同时添加属性）
-
Outlook邮箱如何代收第三方邮箱？微软Outlook邮箱添加代收邮箱设置教程
-
蜜蜂剪辑画中画如何设置？蜜蜂剪辑添加编辑画中画效果的方法
-
音遇app如何添加好友?音遇app添加好友的两种方法