пример
При <p> элемент внутри <div> элемент будет нажата, изменить цвет фона всех <p> элементов:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); Попробуй сам " Определение и использование
delegate() метод придает один или несколько обработчиков событий для определенных элементов , которые являются потомками выбранных элементов, и определяет функцию для запуска при возникновении события.
Обработчики событий прилагается используя delegate() метод будет работать для текущих и будущих элементов (как новый элемент , созданный с помощью скрипта).
По состоянию на JQuery версии 1.7, то on() метод является предпочтительным способом для прикрепления обработчиков событий для выбранных элементов.
Синтаксис
$(selector).delegate(childSelector,event,data,function)
| параметр | Описание |
|---|---|
| childSelector | Необходимые. Задает один или несколько дочерних элементов, чтобы прикрепить обработчик события |
| event | Необходимые. Задает один или несколько событий, чтобы прикрепить к элементам. Несколько значений событий разделяются пробелом. Должно быть действительным событием |
| data | Необязательный. Задает дополнительные данные, чтобы передать функции |
| function | Необходимые. Задает функцию для запуска при наступлении события |
Попробуйте сами - Примеры
Добавьте обработчики событий для будущих элементов
Как использовать delegate() метод , чтобы добавить обработчики событий для элементов еще не созданы.
Проход вдоль данных в функции
Как передать данные в пользовательский имени обработчика событий.