增加子元素的方法：1、用“$(父元素).append(子元素)”语句；2、用“$(父元素).prepend(子元素)”语句；3、用“$(子元素).appendTo(父元素)”语句；4、用“$(子元素).prependTo(父元素)”语句。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery添加子元素
1、append方法
在每个匹配元素内的 末尾处 插入参数内容
参数类型说明：
1）普通字符串(可包含各种html标签)
$('body').append('html字符串');
登录后复制
2）jQuery对象
①使用$函数创建的新元素(jQuery对象)
②使用$函数获取页面中已经有的元素(jQuery对象)
此时会将已有的元素移动到目标元素内，就是被剪切了
$(function(){ $getParagraph=$("p");//运行后p段落会变成div的子元素 $("#oo").append($getParagraph); } );段落
div
登录后复制
③使用clone方法克隆页面中已经有的元素(jQuery对象)
$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素
登录后复制
3）html元素对象、html元素对象数组
====以上类型的参数可传入多个，每个参数都会被插入到匹配元素！===
4）函数
有多少个匹配元素，这个函数就会执行多少次
函数可以接受到两个参数：第一个是当前元素的序号、第二个是当前元素内的html
函数内部this代表当前的html元素对象
return 的数据就是插入的内容（可以为html元素，也可以是jQuery对象）
2、prepend方法
将参数内容插入到每个匹配元素内部的 最前面
$(A).prepend(B)
登录后复制
$(A).prepend(B) 表示往 A 内部的开始处插入 B。
3、appendTo方法
将匹配的元素插入到目标元素内部的最后面(同append)
$(A).appendTo(B)
登录后复制
$(A).appendTo(B) 表示将 A 插入到 B 内部的末尾处。
4、prependTo方法
将匹配的元素插入到目标元素内部的最前面(同prepend)
$(A).prependTo(B)
登录后复制
$(A).prependTo(B) 表示将 A 插入到 B 内部的开始处。
【推荐学习：jQuery视频教程、web前端开发视频】
以上就是jquery怎么增加子元素的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2935988.html
