jQuery prepend()

jQuery prepend()是一种用于在指定元素的开头处插入HTML元素、内容或jQuery对象的方法。它返回添加的新元素。

语法

$(selector).prepend(content,function(index,html))

其中：

• selector：必需，用于指定将在其之前插入新元素的元素。
• content：必需，用于指定要插入的内容。可以是HTML元素、文本或jQuery对象。
• function(index, html)：可选，是一个回调函数，用于返回插入HTML内容的函数。该函数的第一个参数为表示第n个元素的index索引，第二个参数为将插入HTML内容的原始内容html字符串。在该函数中，可以使用this关键字来表示正在遍历的当前元素。

示例

以下示例演示了如何在<div>元素的开头添加一个新创建的<p>元素：

// HTML代码
<div id="myDiv">
  <h2>原有内容</h2>
</div>

// jQuery代码
$(document).ready(function(){
  $("#myDiv").prepend("<p>新添加的段落</p>");
});

结果：

<div id="myDiv">
  <p>新添加的段落</p>
  <h2>原有内容</h2>
</div>

可以看到，添加的新元素被放置在目标元素的前面。

附加说明

• 如果要添加多个元素或文本内容，可以使用逗号分隔它们，如：$(selector).prepend(content1, content2, content3...)。
• 如果要从另一个元素复制内容并插入到指定的元素中，可以使用clone()方法复制元素，然后使用prepend()方法插入它。例如：

$(document).ready(function(){
  var cloneText = $("#originalText").clone();
  $("#myDiv").prepend(cloneText);
});