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

$(document).ready(function(){

   $("#but1").click(function(){
      $("<p>Я первый абзац.</p>").insertBefore("#par1");
   });
   $("#but2").click(function(){
      $("#par2").insertBefore("#par1");
   });

});

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

С помощью метода insertBefore Вы можете вставить новое содержимое перед выбранным элементом.

Данный метод может также использоваться для перемещения уже существующих на странице элементов.

Синтаксис

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

содержимое новое содержимое, которое будет вставлено перед выбранным элементом.

селектор выбирает элемент, перед которым будет вставлено новое содержимое.

$(селектор1).insertAfter(селектор2)

селектор1 выбирает элемент, который будет перемещен.

селектор2 выбирает элемент, перед которым будет помещен элемент выбранный с помощью первого селектора.