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

$(document).ready(function(){

   $("#but2").click(function(){
      $("#but1").val("Показать/скрыть абзац");
      $("#but1").css("backgroundColor","#E467B3");
      $("#wrap1").css("backgroundColor","#14D100");
      $("#wrap1").delegate("#but1","click",function(){
         $("#par1").toggle(1500);
      });
   });
   $("#but3").click(function(){
      $("#but1").val("Я ничего не делаю");
      $("#but1").css("backgroundColor","pink");
      $("#wrap1").css("backgroundColor","#74e868");
      $("#wrap1").undelegate();
   });

});

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

Метод delegate позволяет привязать обработчик события к элементам-потомкам выбранного элемента.

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

Синтаксис

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

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

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

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

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

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