jquery怎么增加子元素-前端问答-PHP中文网

jquery怎么增加子元素

青灯夜游

发布： 2022-03-16 18:00:47

原创

9342人浏览过

增加子元素的方法：1、用“$(父元素).append(子元素)”语句；2、用“$(父元素).prepend(子元素)”语句；3、用“$(子元素).appendTo(父元素)”语句；4、用“$(子元素).prependTo(父元素)”语句。

jquery怎么增加子元素

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

jquery添加子元素

1、append方法

在每个匹配元素内的末尾处插入参数内容

参数类型说明：

1）普通字符串(可包含各种html标签)

$('body').append('html字符串');

登录后复制

2）jQuery对象

①使用$函数创建的新元素(jQuery对象)
②使用$函数获取页面中已经有的元素(jQuery对象)
此时会将已有的元素移动到目标元素内，就是被剪切了

<script type="text/javascript">
    $(function(){
            $getParagraph=$("p");//运行后p段落会变成div的子元素
            $("#oo").append($getParagraph);
        }
    );
</script>

<p>段落</p>
<div id="oo">div</div>

登录后复制

③使用clone方法克隆页面中已经有的元素(jQuery对象)

$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素

登录后复制

3）html元素对象、html元素对象数组

====以上类型的参数可传入多个，每个参数都会被插入到匹配元素！===

4）函数

有多少个匹配元素，这个函数就会执行多少次

函数可以接受到两个参数：第一个是当前元素的序号、第二个是当前元素内的html

度加剪辑

度加剪辑（原度咔剪辑），百度旗下AI创作工具

查看详情

函数内部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怎么增加子元素的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

jquery中form怎么提交如何使用jquery获取下一个子标签 jquery如何在页面显示不出来的如何编辑jquery ie8 jquery get不支持