Ejemplo
Cuando un <p> elemento dentro de un <div> se hace clic en el elemento, cambiar el color de fondo de todos los <p> elementos:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); Inténtalo tú mismo " Definición y Uso
El delegate() método se conecta uno o más controladores de eventos para los elementos especificados que son hijos de los elementos seleccionados, y especifica una función a ejecutar cuando se producen los eventos.
Los controladores de eventos conecta a través del delegate() método funcionará para ambos elementos actuales y futuras (como un nuevo elemento creado por un guión).
A partir de la versión 1.7 de jQuery, la on() método es el método preferido para la fijación de los controladores de eventos para los elementos seleccionados.
Sintaxis
$(selector).delegate(childSelector,event,data,function)
| Parámetro | Descripción |
|---|---|
| childSelector | Necesario. Especifica uno o más elementos secundarios para fijar el controlador de eventos para |
| event | Necesario. Especifica uno o más eventos para unir a los elementos. valores de eventos múltiples se separan por un espacio. Debe ser un evento válido |
| data | Opcional. Especifica los datos adicionales que pasan a lo largo de la función |
| function | Necesario. Especifica la función que se ejecute cuando se produce el evento |
Inténtelo usted mismo - Ejemplos
Agregar controladores de eventos para los elementos futuros
Como utilizar el delegate() método para agregar controladores de eventos para los elementos aún no creadas.
Transmitir los datos a la función
Cómo pasar a lo largo de datos a un controlador de eventos con nombre personalizado.