Exemplo
Quando um <p> elemento dentro de um <div> elemento é clicado, mudar a cor de todos os fundo <p> elementos:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); Tente você mesmo " Definição e Uso
O delegate() método atribui um ou mais manipuladores de eventos para elementos específicos que são filhos de elementos selecionados, e especifica uma função a ser executada quando os eventos ocorrem.
Os manipuladores de eventos anexado usando o delegate() método irá funcionar para ambos os elementos atuais e futuros (como um novo elemento criado por um script).
A partir do jQuery versão 1.7, o on() método é o método preferido para anexar manipuladores de eventos para elementos selecionados.
Sintaxe
$(selector).delegate(childSelector,event,data,function)
| Parâmetro | Descrição |
|---|---|
| childSelector | Requeridos. Especifica um ou mais elementos filho para anexar o manipulador de eventos para |
| event | Requeridos. Especifica um ou mais eventos para anexar aos elementos. Vários valores de evento são separados por um espaço. Deve ser um evento válido |
| data | Opcional. Especifica dados adicionais para passar para a função |
| function | Requeridos. Especifica a função a ser executada quando o evento ocorre |
Tente você mesmo - Exemplos
Adicionar manipuladores de eventos para os elementos futuros
Como usar o delegate() método para adicionar manipuladores de eventos para elementos ainda não criou.
Passar ao longo de dados para a função
Como passar ao longo de dados para um manipulador de eventos personalizado nomeado.