jquery中追加子元素的方法:1、append(),可在所选元素的末尾处追加子元素,语法“$(父元素).append(子元素)”;2、appendTo(),可将子元素追加到指定元素的末尾,语法“$(子元素).appendTo(父元素)”。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery中追加子元素(在末尾添加子元素)的方法有两个:
append()
appendTo()
jQuery append()方法
在 jQuery 中,我们可以使用 append( ) 方法向所选元素内部的“末尾处”插入内容。
语法:
$(A).append(B)
表示往 A 内部的末尾处插入 B。
示例:
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本,由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用,尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
html>
<meta><script></script><script>
$(function () {
$("#btn").click(function () {
var $li = "<li>香蕉";
$("ul").append($li);
})
})
</script>
- 苹果
- 梨子
- 橘子

jQuery appendTo()方法
在 jQuery 中,appendTo( ) 和 append( ) 这两个方法功能虽然相似,都是向所选元素内部的“末尾处”插入内容,但是两者的操作对象是颠倒的。
语法:
$(A).appendTo(B)
表示将 A 插入到 B 内部的末尾处。
示例:
html>
<meta><script></script><script>
$(function () {
$("#btn").click(function () {
var $li = "<li>榴莲";
$($li).appendTo("ul");
})
})
</script>
- 苹果
- 梨子
- 橘子
- 香蕉

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









