Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").prepend("<b>"+$(this).val()+"</b> ");
      $("#wrap1").css("display","none");
   });
   $("#but2").click(function(){
      $("#par1").prepend("<b>"+$(this).val()+"</b> ");
      $("#wrap1").css("display","none");
   });
   $("#but3").click(function(){
      $("#par1").prepend("<b>"+$(this).val()+"</b> ");
      $("#wrap1").css("display","none");
   });
   $("#but4").click(function(){
      $("#wrap2 p").prepend(function(i){
         return "<b>Я буду добавлен перед "+(i+1)+"-м абзацем.</b> ";
      });
   });

});

Определение и использование

С помощью метода prepend Вы можете вставить указанное содержимое в начало содержимого выбранного элемента.

Данный метод отличается от метода before тем, что он вставляет содержимое внутрь элемента, а не перед ним.

Обратите внимание: метод prependTo делает тоже самое, что и метод prepend и отличается только синтаксисом.

Синтаксис

$(селектор).prepend(содержимое)

селектор (обязательный параметр) Выбирает элемент, к которому будет добавлено содержимое.

содержимое (обязательный параметр) Содержимое, которое будет добавлено к содержимому указанного элемента.

$(селектор).prepend(function(индекс))

function функция возвращающая значение, которое будет вставлено в начале содержимого выбранного элемента.

индекс имя параметра, который передается функции и обозначает порядковый номер данного элемента среди группы выбранных элементов.