jquery中追加子元素的方法是什么

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

jquery中追加子元素（在末尾添加子元素）的方法有两个：

append()

appendTo()

jQuery append()方法

在 jQuery 中，我们可以使用 append( ) 方法向所选元素内部的“末尾处”插入内容。

语法：

$(A).append(B)

表示往 A 内部的末尾处插入 B。

示例：

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("#btn").click(function () {                var $li = "
香蕉
";                $("ul").append($li);            })        })    </script>
苹果
梨子
橘子

jQuery appendTo()方法

在 jQuery 中，appendTo( ) 和 append( ) 这两个方法功能虽然相似，都是向所选元素内部的“末尾处”插入内容，但是两者的操作对象是颠倒的。

语法：

$(A).appendTo(B)

表示将 A 插入到 B 内部的末尾处。

示例：

<script src="js/jquery-1.10.2.min.js"></script><script>$(function () {            $("#btn").click(function () {                var $li = "
榴莲
";                $($li).appendTo("ul");            })        })    </script>
苹果
梨子
橘子
香蕉

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

以上就是jquery中追加子元素的方法是什么的详细内容，更多请关注php中文网其它相关文章！

关键词： 相关文章 视频教程