jQuery插入新元素

本文主要是介绍jQuery插入新元素，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

JQuery作为javascript的函数库，提供了很多方便的操作元素的方法，本章内容主要讲述如何使用jQuery向HTMl页面中追加新元素。通过jQuery，可以很容易的向页面中添加新元素或内容，使用jQuery向HTML页面中追加新元素主要使用了如下几个方法：

1、append()：

$("p").append("<a>1</a>")；

在p元素尾部追加<a>1</a>。

2、appendTo()：

$("<a>1</a>").appendTo($("p")).；

将<a>1</a>追加到p元素尾部。

3、prepend()：在被选元素的开头插入内容：

$("p").prepend("<a>1</a>")；

在p元素头部追加<a>1</a>。

4、prependTo()：

$("<a>1</a>").prependTo($("p")).；

将<a>1</a>追加到p元素头部。

5、after()：

$("p").after("<a>1</a>")；

在p元素后方插入<a>1</a>。

6、insertAfter()：

$("<a>1</a>").insertAfter($("p"))；

将<a>1</a>插入到p元素后方。

7、before()：

$("p").before("<a>1</a>")；

在p元素前方插入<a>1</a>。

8、insertBefore()：

$("<a>1</a>").insertBefore($("p"))；

将<a>1</a>插入到p元素前方。

这篇关于jQuery插入新元素的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---