prepend(content|fn)
最后更新于:2022-04-01 05:54:25
### 返回值:jQueryprepend(content)
### 概述
向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
### 参数
#### **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>
~~~