Método jQuery delegate()

❮ Métodos de eventos jQuery

Exemplo

Quando um elemento <p> dentro de um elemento <div> é clicado, mude a cor de fundo de todos os elementos <p>:

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

Definição e uso

O método delegate() foi preterido na versão 3.0. Use o método on() em vez disso.

O método delegate() anexa um ou mais manipuladores de eventos para elementos especificados que são filhos de elementos selecionados e especifica uma função a ser executada quando os eventos ocorrerem.

Manipuladores de eventos anexados usando o método delegate() funcionarão para elementos atuais e FUTURE (como um novo elemento criado por um script).


Sintaxe

$(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

Experimente você mesmo - Exemplos


Como usar o método delegate() para adicionar manipuladores de eventos para elementos ainda não criados.


Como passar dados para um manipulador de eventos nomeado personalizado.


❮ Métodos de eventos jQuery