La méthode
on() a 4 paramètres : 1. Le premier paramètre ne peut pas être omis, spécifiant un ou plusieurs événements ou espaces de noms à ajouter à partir de l'élément sélectionné. 2. Le deuxième paramètre peut être omis, spécifiant l'événement de l'élément ; Gestionnaire ; 3. Le troisième paramètre peut être omis, spécifiant les données supplémentaires transmises à la fonction ; 4. Le quatrième paramètre peut être omis, spécifiant la fonction à exécuter lorsque l'événement se produit.
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
Méthode jquery on() Ajoutez un ou plusieurs gestionnaires d'événements sur l'élément et les sous-éléments sélectionnés.
Depuis la version 1.7 de jQuery, la méthode on() est le nouveau remplacement des méthodes bind(), live() et délégué(). Cette méthode apporte beaucoup de commodité à l'API et est recommandée car elle simplifie la base de code jQuery.
Remarque : les gestionnaires d'événements ajoutés à l'aide de la méthode on() s'appliquent aux éléments actuels et futurs (tels que les nouveaux éléments créés par des scripts). La méthode
jquery on() accepte 4 paramètres
$(selector).on(event,childSelector,data,function)
Paramètre | Description |
---|---|
event | Obligatoire. Spécifie un ou plusieurs événements ou espaces de noms à ajouter à partir de l'élément sélectionné. Plusieurs valeurs d'événement séparées par des espaces peuvent également constituer un tableau. Doit être un événement valide. |
childSelector | facultatif. Spécifie que les gestionnaires d'événements ne peuvent être ajoutés qu'aux éléments enfants spécifiés (et non au sélecteur lui-même, comme la méthode obsolète déléguée()). |
données | facultatif. Spécifie des données supplémentaires à transmettre à la fonction. |
fonction | en option. Spécifie une fonction à exécuter lorsqu'un événement se produit. |
Exemple 1 : Ajout d'un gestionnaire d'événements de clic au Ajouter un gestionnaire d'événements à l'élément
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("p").on("click", function() { alert("段落被点击了。"); }); }); </script> </head> <body> <p>点击这个段落。</p> </body> </html>
【Apprentissage recommandé : Tutoriel vidéo jQuery,
vidéo frontale Web】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!