Append()

向每个匹配的元素内追加内容

HTML代码

<ul></ul>

JQuery代码

$(“ul”).append(“<li>AA</li>”);

结果

<ul>

<li>AA</li>

</ul>

appendTo()

该方法和Append()相反，a.Append(b)是将b追加到a中，而appendTo()是将b追求到a中

HTML代码

<ul></ul>

JQuery代码

$ (“<li>AA</li>”).appendTo (“ul”).;

结果

<ul>

<li>AA</li>

</ul>

Prepend()

向每个匹配的元素内部前置内容

HTML代码

<p>哈哈</p>

JQuery代码

$(“p”).prepend(“<b>ABC</b>”);

结果

<p><b>ABC</b>哈哈</p>

prependTo()

该方法和Prepend()相反，a. Prepend (b)是将b前置到a中，而prependTo ()是将b前置到a中

HTML代码

<p>哈哈</p>

JQuery代码

$(“<b>ABC</b>”).prependTo.(“p”);

结果

<p><b>ABC</b>哈哈</p>

After()

在每个匹配的元素之后插入内容，是之后

HTML代码

<p>AAA</p>

JQuery代码

$(“p”).After(“<b>cc</b>”);

结果

<p>AAA</p><b>cc</b>

insertAfter()

和After()相反

HTML代码

<p>AAA</p>

JQuery代码

$ (“<b>cc</b>”).After(“p”);

结果

<p>AAA</p><b>cc</b>

Before()

在每个匹配的元素之前插入内容

HTML代码

<p>AAA</p>

JQuery代码

$(“p”). Before (“<b>cc</b>”);

结果

<b>cc</b><p>AAA</p>

insertBefore()

和Before()相反

HTML代码

<p>AAA</p>

JQuery代码

$ (“<b>cc</b>”). insertBefore (“p”);

结果

<b>cc</b><p>AAA</p>