jQuery метод делегата ()

❮ Методы событий jQuery

Пример

При щелчке элемента <p> внутри элемента <div> измените цвет фона всех элементов <p>:

$("div").delegate("p", "click", function(){
    $("p").css("background-color", "pink");
});

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

Метод делегата() устарел в версии 3.0. Вместо этого используйте метод on() .

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

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


Синтаксис

$(selector).delegate(childSelector,event,data,function)

Parameter Description
childSelector Required. Specifies one or more child elements to attach the event handler to
event Required. Specifies one or more events to attach to the elements.

Multiple event values are separated by space. Must be a valid event
data Optional. Specifies additional data to pass along to the function
function Required. Specifies the function to run when the event occurs

Попробуйте сами - примеры


Как использовать метод delegate() для добавления обработчиков событий для еще не созданных элементов.


Как передать данные пользовательскому именованному обработчику событий.


❮ Методы событий jQuery