Événements dans...LOGIN

Événements dans jQuery

Événements dans jQuery

Avec jQuery, nous disposons d'une série de fonctions pour gérer les événements d'objets. Les connaissances de base ci-dessus sont toujours. Vous devez comprendre, mais vous n'avez plus besoin d'implémenter de fonctions pour gérer vous-même la délégation d'événements de multidiffusion. Comme le dit le proverbe, avec jQuery, vous buvez du thé tous les jours. Voici un exemple de la méthode bind() la plus couramment utilisée dans jQuery. :

$("#testDiv4").bind("click", showMsg);

Pour l'élément dont l'identifiant est testDiv4, nous ajoutons la fonction de gestionnaire d'événements showMsg pour l'événement click.

Avantages de l'utilisation de la fonction de gestionnaire d'événements jQuery :

1. Ce qui est ajouté est le délégué d'événement de multidiffusion

C'est-à-dire qu'une autre méthode est ajoutée pour l'événement de clic, qui n'écrasera pas la fonction de traitement d'événement d'origine de l'événement de clic de l'objet. 🎜>

$("#testDiv4").bind("click", function(event) { alert("one"); });
$("#testDiv4").bind("click", function(event) { alert("two"); });

Lorsque vous cliquez sur l'objet testDiv4, invitez "un" et "deux" tour à tour.

2. Noms d'événements unifiés Lors de l'ajout d'un événement de multidiffusion. délégué, il y a "on" devant le nom de l'événement dans IE. Mais en utilisant la fonction bind(), nous n'avons pas besoin de faire la distinction entre ie et dom, car jQuery interne nous a aidé à unifier les noms des événements <🎜. >

3. Tous les comportements des objets peuvent être contrôlés par des scripts

Que la partie code HTML ne prête attention qu'à la logique "d'affichage". La tendance actuelle est de séparer proprement le comportement et le contenu. et le style du HTML. Parmi eux, les scripts sont utilisés pour contrôler le comportement des éléments, les balises HTML sont utilisées pour contrôler le contenu des éléments et CSS est utilisé pour contrôler les styles des éléments. L'utilisation des fonctions de gestion des événements jQuery peut éviter d'ajouter des événements directement aux balises HTML. >Ce qui suit est la fonction de base de gestion des événements jQuery :

section suivante
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你点我,我就会消失。</p> <p>点我消失!</p> <p>点我也消失!</p> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel