jquery如何增加子元素

这篇“jquery如何增加子元素”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jquery如何增加子元素”文章吧。

专注于为中小企业提供成都网站制作、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业江门免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了超过千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

增加子元素的方法: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对象)
此时会将已有的元素移动到目标元素内,就是被剪切了


    $(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如何增加子元素”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


当前标题:jquery如何增加子元素
当前地址:http://scyanting.com/article/iepogd.html

其他资讯