Exemple
Quand un <p> élément à l' intérieur d' un <div> élément est cliqué, changer la couleur de tous de fond <p> éléments:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
});
Essayez - le vous - même » Définition et utilisation
Le delegate() méthode attache un ou plusieurs gestionnaires d'événements pour les éléments spécifiés qui sont les enfants d'é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 du delegate() méthode fonctionnera pour les deux éléments actuels et futurs (comme un nouvel élément créé par un script).
Comme de jQuery version 1.7, l' on() méthode est la méthode préférée pour la fixation des gestionnaires d'événements pour les éléments sélectionnés.
Syntaxe
$(selector).delegate(childSelector,event,data,function)
Paramètre | La description |
---|---|
childSelector | Obligatoire. Indique un ou plusieurs éléments de l'enfant pour attacher le gestionnaire d'événements à |
event | Obligatoire. Indique un ou plusieurs événements pour attacher aux éléments. Plusieurs valeurs d'événements sont séparés par un espace. Doit être un événement valide |
data | Optionnel. Spécifie des données supplémentaires pour passer le long de la fonction |
function | Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit |
Essayez-le vous-même - Exemples
Ajouter des gestionnaires d'événements pour les éléments futurs
Comment utiliser le delegate() méthode pour ajouter des gestionnaires d'événements pour les éléments non encore créés.
Passez le long des données à la fonction
Comment transmettre des données à un gestionnaire d'événement nommé personnalisé.