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>
————————————————————————————————————————————————–
after(content)
在每个匹配的元素之后插入内容。
——————————————————————————–
Insert content after each of the matched elements.
返回值
jQuery
参数
content (String, Element, jQuery) : 插入到每个目标后的内容
示例
在所有段落之后插入一些HTML标记代码。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$(“p”).after(“<b>Hello</b>”);
结果:
<p>I would like to say: </p><b>Hello</b>
——————————————————————————–
在所有段落之后插入一个DOM元素。
HTML 代码:
<b id=”foo”>Hello</b><p>I would like to say: </p>
jQuery 代码:
$(“p”).after( $(“#foo”)[0] );
结果:
<p>I would like to say: </p><b id=”foo”>Hello</b>
——————————————————————————–
在所有段落中后插入一个jQuery对象(类似于一个DOM元素数组)。
HTML 代码:
<b>Hello</b><p>I would like to say: </p>
jQuery 代码:
$(“p”).after( $(“b”) );
结果:
<p>I would like to say: </p><b>Hello</b>
————————————————————————————————————————————————–
before(content)
在每个匹配的元素之前插入内容。
——————————————————————————–
Insert content before each of the matched elements.
返回值
