prepend(content|fn) | jQuery API 3.2 中文文档 | jQuery API 在线手册

jQuery API 3.2.1

推荐办理招商信用卡,新户首刷礼,五折享美食,需要的速度围观~click here
首页  >  文档处理  > prepend(content|fn) 源码下载

返回值: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>