jquery 追加元素append、prepend、before、after用法与区别分析(jquery追加节点)

编辑：rootadmin

推荐整理分享jquery 追加元素append、prepend、before、after用法与区别分析(jquery追加节点)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery中追加到指定元素末尾,jquery追加样式,jquery中给指定元素添加样式,jquery添加元素设置css,jquery给元素添加属性的方法,jquery 添加元素,jquery追加节点,jquery中追加到指定元素末尾,内容如对您有帮助，希望把文章链接给更多的朋友！

一、after()和before()方法的区别

after()——其方法是将方法里面的参数添加到jquery对象后面去；如：A.after(B)的意思是将B放到A后面去； before()——其方法是将方法里面的参数添加到jquery对象前面去。如：A.before(B)的意思是将A放到B前面去；二、insertAfter()和insertBefore()的方法的区别

其实是将元素对调位置；可以是页面上已有元素；也可以是动态添加进来的元素。如：A.insertAfter(B);即将A元素调换到B元素后面；如CCHELLO使用$("span").insertAfter($("p"))后，就变为HELLOCC了。两者位置调换了三、append()和appendTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来；如：A.append(B)的意思是将B放到A中来，后面追加,A的子元素的最后一个位置； appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。如：A.appendTo(B)的意思是将A放到B中去，后面追加,B的子元素的最后一个位置；四、prepend()和prependTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来；如：A.append(B)的意思是将B放到A中来，插入到A的子元素的第一个位置； appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。如：A.appendTo(B)的意思是将A放到B中去，插入到B的子元素的第一个位置；例子

1、insert局部方法

2、append、prepend、before、after

3、prependTo、prependTo、insertBefore、insertAfter这些带后缀的与上面的不同的是，返回的结果不一样。如：

jquery 追加元素append、prepend、before、after用法与区别分析(jquery追加节点)

因此两者的关系只是返回结果不一样，其他的都一样，可以这么解决：

jquery 追加元素的方法（append prepend after before 的区别）

append() 方法在被选元素的结尾插入内容。

prepend() 方法在被选元素的开头插入内容。

after() 方法在被选元素之后插入内容。

before() 方法在被选元素之前插入内容。

效果图

html结构图

jQuery插件fullPage.js实现全屏滚动效果本文实例为大家分享了全屏滚动插件fullPage.js的具体使用方法，供大家参考，具体内容如下0.基本演示的HTML布局以及js代码//需要连接连接的三个文件lin

jquery对所有input type=text的控件赋值实现方法如下所示：functionresetData(){$("input[type=text]").each(function(){$(this).attr("value","");});}以上这篇jquery对所有inputtype=text的控件赋值实现方法就是小编分享给大家的

jquery获取input type=text中的值的各种方式(总结) 实例如下：!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

标签: jquery追加节点

本文链接地址:https://www.jiuchutong.com/biancheng/376284.html 转载请保留说明！

上一篇：jquery实现图片列表鼠标移入微动(jquery 图片预览)

下一篇：jQuery插件fullPage.js实现全屏滚动效果(jQuery插件开发)