jquery如何添加节点？-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

方法：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>