jQuery 代码:
$(“p”).insertAfter(“#foo”);
结果:
<div id=”foo”>Hello</div><p>I would like to say: </p>
.before()和.insertBefore()
3.before()
描述:
在所有段落中前插入一个jQuery对象(类似于一个DOM元素数组)。
HTML 代码:
<p>I would like to say: </p><b>Hello</b>
jQuery 代码:
$(“p”).before( $(“b”) );
结果:
<b>Hello</b><p>I would like to say: </p>
.append()和.appendTo()
4.append()
描述：向所有段落中追加一些HTML标记。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$(“p”).append(“<b>Hello</b>”);
结果:
<p>I would like to say: <b>Hello</b></p>
5.appendTo()
描述：新建段落追加div中并加上一个class
HTML 代码:
<div></div><div></div>
jQuery 代码:
$(“<p/>”)
.appendTo(“div”)
.addClass(“test”)
.end()
.addClass(“test2”);
结果:
<div><p class=”test test2″></p></div>
<div><p class=”test”></p></div>
.prepend()和.prependTo()
6.prepend()
描述：向所有段落中前置一个jQuery对象(类似于一个DOM元素数组)。
HTML 代码:
<p>I would like to say: </p><b>Hello</b>
jQuery 代码:
$(“p”).prepend( $(“b”) );
结果:
<p><b>Hello</b>I would like to say: </p>
7.prependTo()
描述：把所有段落追加到ID值为foo的元素中。
HTML 代码:
<p>I would like to say: </p><div id=”foo”></div>
jQuery 代码:
$(“p”).prependTo(“#foo”);
结果:
<div id=”foo”><p>I would like to say: </p></div>
总结
1. .insertAfter()和.after()：在现存元素的外部，从后面插入元素
2. .insertBefore()和.before()：在现存元素的外部，从前面插入元素
3. .appendTo()和.append()：在现存元素的内部，从后面插入元素
4. .prependTo()和.prepend() ：在现存元素的内部，从前面插入元素
