jQuery est une bibliothèque JavaScript populaire qui offre aux développeurs un moyen plus simple de gérer les éléments DOM et les événements JavaScript. Dans jQuery, nous pouvons ajouter des fonctions qui répondent aux événements via des gestionnaires d'événements. Dans cet article, nous apprendrons quelques méthodes d’ajout d’événements jquery.
Syntaxe de base
La syntaxe de base pour ajouter des gestionnaires d'événements dans jQuery est la suivante :
$(selector).event(function(){ //处理程序代码 });
Où, le sélecteur est le sélecteur de l'élément jQuery auquel vous souhaitez ajouter l'événement, et l'événement est l'événement que vous souhaitez ajouter (tel que comme clic, souris, etc.) . Dans les fonctions, vous écrivez du code qui répond aux événements.
Exemple :
$(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); });
Dans l'exemple ci-dessus, lorsque l'utilisateur clique sur le bouton, le paragraphe sera masqué ou affiché, selon son état actuel.
Voici quelques méthodes d'ajout d'événements couramment utilisées :
click() ajoute un événement de clic :
$(selector).click(function(){ //处理程序代码 });
Cliquer sur un élément donné déclenche cet événement. La méthode
dblclick() ajoute un événement de double-clic :
$(selector).dblclick(function(){ //处理程序代码 });
Un double-clic sur un élément donné déclenche cet événement. La méthode
mouseenter() ajoute un événement d'entrée de souris :
$(selector).mouseenter(function(){ //处理程序代码 });
Cet événement est déclenché lorsque la souris entre dans un élément donné. La méthode
mouseleave() ajoute un événement de sortie de souris :
$(selector).mouseleave(function(){ //处理程序代码 });
Cet événement est déclenché lorsque la souris quitte l'élément donné. La méthode
keydown() ajoute un événement keydown :
$(selector).keydown(function(){ //处理程序代码 });
Cet événement est déclenché lorsque l'utilisateur appuie sur une touche du clavier. La méthode
submit() ajoute un événement de soumission :
$(selector).submit(function(){ //处理程序代码 });
Cet événement est déclenché lorsque l'utilisateur soumet le formulaire. La méthode
ready() ajoute un événement de chargement de document :
$(document).ready(function(){ //处理程序代码 });
Cet événement est déclenché lorsque le document est chargé et analysé.
Résumé
Dans jQuery, nous pouvons utiliser certaines méthodes d'ajout d'événements pour ajouter des gestionnaires d'événements. Cela facilite la gestion et la gestion des éléments DOM et des événements JavaScript. Dans cet article, nous avons examiné la syntaxe de base et comment utiliser les méthodes courantes d'ajout d'événements. Grâce à ces méthodes, nous pouvons ajouter diverses interactions et fonctionnalités aux sites Web et aux applications.
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!