Примеры:

1.  

   <h2>Функция jQuery <b>append</b></h2>
   <div class="container">
     <div class="inner">Вставить внутри элемента</div>
     <div class="inner">Переместить внутрь элемента</div>
   </div>
   
   // Создадим на лету параграф <p>, добавим его в конец содержимого 
   // всех элементов с классом 'inner' и переместим заголовок <h2>, 
   // вставив его после всех дочерних элементов блока с классом 'container'.
   
   <script type="text/javascript">
    $('.inner').append('<p>***</p>');
    $('.container').append($('h2'));
   </script>

   Результат:

   <div class="container">
     <div class="inner">
       Вставить внутри элемента
       <p>***</p>
     </div>
     <div class="inner">
       Переместить внутрь элемента
       <p>***</p>
     </div>
     <h2>Функция jQuery <b>append</b></h2>
   </div>

2.  

   // В конец содержимого каждого элемента <p>
   // поместить сгенерированный текстовый узел "jQuery".  
   
   <p>JavaScript библиотека </p>
   
   <script type="text/javascript">
     $("p").append(document.createTextNode("jQuery"));
   </script>

   Результат:

   <p>JavaScript библиотека jQuery</p>

3.  

   // В конце каждого пункта списка вставить его порядковый номер  
   
   <ul>
    <li>Элемент</li>
    <li>Элемент</li>
    <li>Элемент</li>
   </ul>
   
   <script type="text/javascript">
    $("li").append(function(i){ 
      return " №" + i;
     });
   </script>

   Результат:

   <ul>
    <li>Элемент №0</li>
    <li>Элемент №1</li>
    <li>Элемент №2</li>
   </ul>