本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中，可以使用以下方法来增加元素：

after()：向指定元素后面增加同级元素

before()：向指定元素前面增加同级元素

append()：向指定元素的末尾处增加子元素

prepend()：向指定元素的开始处增加子元素

1、使用after()

after()方法向所选元素外部的“后面”插入内容。

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("button").click(function () {                var a = "一个span元素";                $("div").after(a);            })        })    </script>
一个大标题
一个p段落
一个div元素
一个p段落
在div后插入一个同级节点

2、使用before()

before()可以在指定元素前插入兄弟节点

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("button").click(function () {                var a = "一个span元素";                $("div").before(a);            })        })    </script>
一个大标题
一个p段落
一个div元素
一个p段落
在div前插入一个同级节点

3、使用append()

append( ) 方法可以向所选元素内部的“末尾处”插入内容。

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("button").click(function () {                var a = "
一个p元素
";                $("div").append(a);            })        })    </script>
一个大标题
一个p段落
一个div元素
一个p段落
向div内的末尾处插入一个子元素

4、使用prepend()

prepend( ) 方法可以向所选元素内部的“开始处”插入内容。

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("button").click(function () {                var a = "
一个p元素
";                $("div").prepend(a);            })        })    </script>
一个大标题
一个p段落
一个div元素
一个p段落
向div内的开始处插入一个子元素

【推荐学习：jQuery视频教程、web前端视频】

以上就是jquery怎么增加一个元素的详细内容，更多请关注php中文网其它相关文章！

关键词： 增加一个 同级节点