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

方法是将方法中的参数添加到jquery对象的后面；比如a .在(B)之后意味着把B放在a后面；方法是将方法中的参数添加到jquery对象的前面。比如A.before(B)就是把a放在B之前；二、insertAfter()和insertBefore()方法的区别

事实上，元素是颠倒的；它可以是页面上的现有元素；它也可以是动态添加的元素。例如，a .插入在(B)之后；即在B元素后面替换A元素；例如，在spancc/spanhello/p之后使用$(“span”)。insertAfter($('p '))，它变成了pHELLO/pspanCC/span。两者的位置是相反的。第三，append()和appendTo()方法的区别

append()——的方法是将方法中的参数添加到jquery对象中；例如，A.append(B)表示将B放入a中，然后添加a的子元素的最后一个位置；appendo()——方法是将jquery对象添加到appendo指定的参数中。比如A.appendTo(B)的意思是把a放入B，然后加上B的子元素的最后一个位置；第四，prepend()和prependTo()方法的区别

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

1.插入本地方法

/* * *操作父元素上的DOM * @param {Object}父元素，可以是元素。也可以是Yquery对象* @param {String}位置： before begin/before/before end/before end/before end * @ param { * } any:String/text/object * @ param { number } Index序列号，如果大于0，复制节点* @ return { undefined } * @ Version 1.0 * 2013年12月2日，17:08:26 */function _ insert(parent，position，any，index) {if ($)。is function(any)){ any=any . call }//string if($。isstring (any)) {if (regtag。test (any)) {parent。insertaccesstml(位置，任意)；} else { parent . insertadjacenttext(position，any)；} }//else if($)的数字。isnumber (any)) {parent。insertaccesstext(位置，如果有)；else元素if ($。iselement (any)) {parent。插入相邻元素(位置，索引0？any.cloneNode(！0) :任意)；}//Yquery else if(_ isYquery(any)){ any . each(function(){ _ insert(parent，position，this)；});}}2、追加、前置、前、后

$.fn={ /** *追插* 将元素后插到当前元素（集合)内* @参数{字符串/元素/函数}任意* @返回此* @ 1.0 * 2013版年12月29日1:44:15 */append :函数(任意){返回这个。每个(函数(索引){ _ insert(this，' beforeend '，any，index)；});}, /** * 补插* 将元素前插到当前元素（集合)内* @参数{字符串/元素/函数}任意* @返回此* @ 1.0 * 2013版年12月29日1:44:15 */prepend :函数(任意){返回此。每个(函数(索引){ _ insert(this，' afterbegin '，any，index)；});}, /** * 前插* 将元素前插到当前元素（集合)前* @参数{字符串/元素/函数}任意* @返回此* @ 1.0 * 2013版年12月29日1:44:15 */before:函数（任意){返回这个。每个(函数(索引){ _ insert(this，' beforebegin '，any，index)；});}, /** * 后插* 将元素后插到当前元素（集合)后* @参数{字符串/元素/函数}任意* @返回此* @ 1.0 * 2013版年12月29日1:44:15 */在：函数(任意)之后{返回这个。每个(函数(索引){ _ insert(this，' afterend '，any，index)；});}};3、前置到、前置到、插入前、插入后这些带后缀的与上面的不同的是，返回的结果不一样。如：

$('#demo ').追加(' a/')；//=返回的是$(“# demo”)$(“a/”.appendo($(" # demo "))；//=返回的是$(' a ')；因此两者的关系只是返回结果不一样，其他的都一样，可以这么解决：

_每个({ appendTo: 'append '，prependTo: 'prepend '，insertBefore: 'before '，insertAfter: 'after'}，函数(键，值){ $ .fn[key]=函数(选择器){ this。每个(function(){ $(selector)[val](此)；});归还这个；};});jquery追加元素的方法（在前面后面附加前置的区别)

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

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

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

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

脚本类型=' text/JavaScript ' src=' http :http://common。JB 51。net/jslib/jquery/jquery。量滴js/script div class=' testdiv ' ul Li第一个里标签/Li/ul/div脚本/追加$('。testdiv ul ').追加(' liappend插入的李/李’；//前置$('。testdiv ul ').前置(' liprepend插入的李/李’；//在$('之后. testdiv ul ').在('之后插入的李/李’；//在$('之前. testdiv ul ').前(' libefore插入的李/李’；/script效果图

超文本标记语言结构图