Quelle est l'utilisation de Jquery sur()

La fonction de la méthode Jquery on() est d'ajouter un ou plusieurs gestionnaires d'événements sur l'élément sélectionné et les éléments enfants. Sa syntaxe d'utilisation est "$(selector).on(event,childSelector,data,function)".

L'environnement d'exploitation de cet article : système Windows7, jquery version 3.2.1, ordinateur DELL G3

Quelle est l'utilisation de Jquery sur() ? La méthode

on() ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné et aux éléments enfants.

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).

Astuce : Pour supprimer les gestionnaires d'événements, utilisez la méthode off().

Astuce : Si vous devez ajouter un événement qui ne s'exécute qu'une seule fois, puis le supprimer, utilisez la méthode one().

Syntaxe

$(selector).on(event,childSelector,data,function)

Paramètres

événement requis. Spécifie un ou plusieurs événements ou espaces de noms à ajouter à partir de l'élément sélectionné.

Plusieurs valeurs d'événements 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 facultatives. 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 :

Ajouter un gestionnaire d'événements de clic à l'élément

 :

$(document).ready(function(){
  $("p").on("click",function(){
    alert("段落被点击了。");
  });
});

Apprentissage recommandé : "Tutoriel vidéo jquery"

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!