开发技术学习

jquery向元素内追加新元素,jquery向元素添加新内容,在元素前添加内容,在元素后添加内容... 这个问题是我们经常要用的，特别是在人机交互的时候！ 这里记录一下jquery append appendto prepend prependto after insertafter before inserbefore的用法。

方法	描述	示例
Append()	向每个匹配的元素内追加内容	HTML代码  <ul></ul> JQuery代码 $(“ul”).append(“<li>AA</li>”); 结果 <ul> <li>AA</li> </ul>
appendTo() 注意大小写，我试验时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>