Pourquoi utiliser jquery sur-Questions et réponses frontales-php.cn

Pourquoi utiliser jquery sur

WBOY

Libérer： 2022-03-29 10:01:01

original

2079 Les gens l'ont consulté

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

Pourquoi utiliser jquery sur

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)

Copier après la connexion

é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>

Copier après la connexion

Résultat de sortie :

Pourquoi utiliser jquery sur