prepend()方法根据内部开始将指定的元素插入到匹配的元素中，它的功能与prependTo()方法基本相同，只是语法不同，虽然语法形式基本相同。

下面描述语法结构：

复制代码如下： $(选择器)。前置(内容)

参数列表：

演示：

！doctype html townleta charset=' utf-8 ' meta name=' author ' content='//www . JB 51 . net/'/title us/title style type=' text/CSS ' div { height :200 px；宽度width:200pxborder:1px纯绿色；}/style script type=' text/JavaScript ' src=' http : mytest/jQuery/jQuery-1 . 8 . 3 . js '/script script type=' text/JavaScript ' $(文档)。ready(function() {$ ('button '))。单击(function () {$ ('div ')。前置('添加的内容')；})}))/script/head dydiv在：/divbutton之前添加内容点击查看效果/按钮/正文/html

Prepend()详细说明2:

函数prepend()用于将指定的内容追加到每个匹配元素的起始位置。

指定的内容可以是：html字符串、DOM元素(或数组)、jQuery对象、函数(返回值)。

与此函数相对的是append()函数，该函数用于将指定的内容追加到每个匹配元素内部的结束位置。

该函数属于一个jQuery对象(实例)。

语法

复制代码如下：JQuery对象。前置(内容1 [，内容2 [，内容n]])

参数

jQuery 1.4中的新支持：参数content1可以是一个函数。Prepend()将根据所有匹配的元素执行函数，函数中的这个将指向对应的DOM元素。

Prepend()还向函数传递两个参数：第一个参数是匹配元素中当前元素的索引，第二个参数是元素的当前内部html内容。函数的返回值是需要追加到元素中的内容(可以是html字符串、DOM元素、jQuery对象)。

注意：只有第一个参数可以是用户定义的遍历执行函数。如果下面的参数也是一个函数，调用它的toString()方法，把它变成一个字符串，并把它当作html内容。返回值

prepend()函数的返回值是jQuery，它返回当前jQuery对象本身(为了方便链式编程)。

注意：如果附加的内容是当前页面中的一些元素，这些元素将从原始位置消失。简而言之，这是一个移动操作，而不是复制操作。

示例描述

函数prepend()用于将内容附加到每个匹配元素的起始位置：

p！-插入到P元素内部的起始位置-段落文本1平移/跨度/pp！-在P元素内插入起始位置-段落文本2 span/span/pscript type=' text/JavaScript ' $(' P ')。前置('！-插入到P元素内部的起始位置-')；/script请注意prepend()函数和prependTo()函数之间的区别：

var $ A=$(' S1 ')；var $ B=$(' S2 ')；//追加$B到$ a . prepend($ B)；//返回$A//将$A追加到$ B $ A . prepend to($ B)；//返回表示附加内容的jQuery对象(匹配附加在$B开头的所有$A元素)。以下面的HTML代码为例：

p id=' n1 ' span id=' N2 ' codeplayer/span/PP id=' n3 ' label class=' move ' hello world/label/PP id=' n4 ' with test content/I/p以下jQuery示例代码用于演示prepend()函数的具体用法：

var $ n1=$(' # n1 ')；//在起始位置$ n1处添加一个强标记，在n1内前置(' strong添加内容/strong ')；//将所有标签元素和I元素追加到n1内部的起始位置。//原来位置的标签元素和I元素会消失(相当于移动到n1内部的起始位置)$ n1 . prepend(document . getelementsbyname(' label ')，$(' I '))；//在每个p元素内的起始位置添加一个span元素。html内容根据索引而变化。var $ p=$(' p ')；$ p.prepend(函数(index，html){ return ' span append element '(index 1)'/span '；} );运行代码

Prepend()将内容追加到指定容器元素的开始标记，而不添加任何额外的空白字符。执行上述代码后的完整html代码如下(格式未调整):

p id='n1'span追加元素1/span label class=' move ' hello World/labeli测试内容/istrong追加内容/strong span id=' N2 ' CodePlayer/span/PP id=' n3 ' span追加元素2/span /pp id='n4'span追加元素3/span /p