jquery如何添加节点？

互联网 20-11-19

方法：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如何添加节点？的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：添加节点

jquery如何添加节点？

相关资讯

标签推荐