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

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

});

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

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

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

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

Синтаксис

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

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

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

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

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

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