prepend(content|fn)

返回值

jQuery

概述

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

这是向所有匹配元素内部的开始处插入内容的最佳方式。

参数

参数 类型 说明 示例值
content String, Element, jQuery

v1.0
要插入到目标元素内部前端的内容
function(index, html) Function

v1.4
返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。

示例

示例一

描述： 向所有段落中前置一些HTML标记代码。

HTML 代码

<p>I would like to say: </p>

jQuery 代码

$("p").prepend("<b>Hello</b>");

结果:

[ <p><b>Hello</b>I would like to say: </p> ]
示例二

描述： 将一个DOM元素前置入所有段落

HTML 代码

<p>I would like to say: </p><p>I would like to say: </p><b class="foo">Hello</b><b class="foo">Good Bye</b>

jQuery 代码

$("p").prepend( $(".foo")[0] );

结果

<p><b class="foo">Hello</b>I would like to say: </p><p><b class="foo">Hello</b>I would like to say: </p><b class="foo">Good Bye</b>
示例三

描述： 向所有段落中前置一个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>