jQuery中prepend（）方法使用详解

在jQuery中，prepend()方法可以在指定元素的开头添加内容。本篇攻略将详细讲解prepend()方法的使用方法和示例。

语法

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

• selector: 必需。规定您希望在其中添加内容的元素。
• content: 必需。规定要添加到元素中的内容。
• function(index,html): 可选。规定返回插入内容的函数。

实例

示例1：在指定元素中添加内容

下面是一个最简单的示例，它将在id为demo的div元素中添加带有文本的p元素：

<div id="demo"></div>

$(document).ready(function(){
  $("#demo").prepend("<p>Hello world!</p>");
});

示例2：在指定元素中添加函数返回的内容

在这个示例中，我们定义了一个返回包含HTML元素的字符串的函数，并将其添加到id为demo的div元素中：

<div id="demo"></div>

$(document).ready(function(){
  function myFunction(){
    return "<p>这是由函数返回的内容。</p>";
  }
  $("#demo").prepend(myFunction);
});

总结

prepend()方法是非常有用的，它可以在指定元素的开头添加内容或函数返回的内容。您可以使用prepend()方法在网页上动态地添加内容，并使网页更具交互性。