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

$(document).ready(function(){
  
   $("#but1").click(function(){
      alert($("#par1").html());
   });
   $("#but2").click(function(){
      $("#par1").html("Содержимое данного абзаца было изменено...");
   });
   $("#but3").click(function(){
      $("#numb").html(function(i,numb){
         return parseInt(numb)+1;
      });
   });
   $("#but4").click(function(){
      alert($("#par3").text());
   });
   $("#but5").click(function(){
      alert($("#par3").html());
   });

});

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

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

Обратите внимание: метод text отличается от метода html тем, что text возвращает текстовое содержимое элемента (содержимое элемента без разметочных тэгов), а html внутреннее содержимое элемента как оно есть (с разметочными тэгами).

Синтаксис

//Возвратим содержимое выбранного элемента
$(селектор).html()
//Установим новое содержимое выбранному элементу
$(селектор).html(содержимое)
//Установим новое содержимое с помощью функции
$(селектор).html(function(индекс,старое_содержимое))

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

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

function функция, которая возвращает новое содержимое.

индекс (необязательный параметр)функции. Параметр передающийся функции и обозначающий порядковый номер селектора.

старое_содержимое (необязательный параметр)функции. Параметр содержащий старое содержимое выбранного элемента.