$(document).ready(function(){

   $(".par1").live("click",function(){
      $(this).css("color","blue");
   });
   $("#but1").click(function(){
      $("#app1").append("<p class='par1'>Щелкните на меня, чтобы проверить работает ли событие click.</p>");
   });
   $(".par2").bind("click",function(){
      $(this).css("color","blue");
   });
   $("#but2").click(function(){
      $("#app2").append("<p class='par2'>Щелкните на меня, чтобы проверить работает ли событие click.</p>");
   });
   $(".par3").click(function(){
      $(this).css("color","blue");
   });
   $("#but3").click(function(){
      $("#app3").append("<p class='par3'>Щелкните на меня, чтобы проверить работает ли событие click.</p>");
   });

});

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

Метод live привязывает один обработчик события или более к выбранному элементу.

Обработчики событий привязанные с помощью метода live (в отличие от привязанных с помощью метода bind и напрямую) будут работать как с уже существующими элементами на странице так и с теми, которые будут созданы во время исполнения скрипта.

Синтаксис

$(селектор).live(событие,данные,обработчик_события)

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

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

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

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