Maison >interface Web >Questions et réponses frontales >Pourquoi utiliser jquery sur
Pourquoi utiliser jquery sur
- WBOYoriginal
- 2022-03-29 10:01:012044parcourir
Dans jquery, comme vous devez ajouter un ou plusieurs gestionnaires d'événements à l'élément et aux sous-éléments sélectionnés, vous devez utiliser la méthode on() ; les gestionnaires d'événements ajoutés par cette méthode sont applicables aux éléments actuels et futurs, et la syntaxe est la suivante : "Element object.on (événement, gestionnaire d'événements de l'élément enfant, données supplémentaires, fonction)".
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Pourquoi utiliser la méthode on
on() de jquery pour ajouter 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).
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)
é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é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 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.
L'exemple est le suivant :
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("p").on("click",function(){
alert("段落被点击了。");
});
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>Résultat de sortie :
Après avoir cliqué sur le paragraphe :
Tutoriels vidéo associés recommandés : 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!