Méthode jQuery délégué()

❮ Méthodes d'événement jQuery

Exemple

Lorsqu'un élément <p> à l'intérieur d'un élément <div> est cliqué, changez la couleur d'arrière-plan de tous les éléments <p> :

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

Définition et utilisation

La méthode delegate() a été dépréciée dans la version 3.0. Utilisez plutôt la méthode on() .

La méthode delegate() attache un ou plusieurs gestionnaires d'événements pour les éléments spécifiés qui sont des enfants des éléments sélectionnés et spécifie une fonction à exécuter lorsque les événements se produisent.

Les gestionnaires d'événements attachés à l'aide de la méthode delegate() fonctionneront à la fois pour les éléments actuels et FUTURS (comme un nouvel élément créé par un script).


Syntaxe

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

Essayez-le vous-même - Exemples


Comment utiliser la méthode delegate() pour ajouter des gestionnaires d'événements pour les éléments qui ne sont pas encore créés.


Comment transmettre des données à un gestionnaire d'événements nommé personnalisé.


❮ Méthodes d'événement jQuery