Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser jQuery pour créer une fenêtre pop-up

coldplay.xixi
Libérer: 2023-01-04 09:36:45
original
12547 Les gens l'ont consulté

Comment utiliser jQuery pour créer une fenêtre pop-up : définissez d'abord l'identifiant de l'étiquette du bouton sur mybutton ; puis récupérez l'objet bouton via l'identifiant et enfin, liez-y l'événement click, lorsque le bouton ; est cliqué, utilisez la méthode [confirm() ] pour faire apparaître une boîte de dialogue.

Comment utiliser jQuery pour créer une fenêtre pop-up

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur thinkpad t480.

Recommandé : Tutoriel vidéo jquery

Comment utiliser jQuery pour créer une fenêtre pop-up :

1. un nouveau fichier html, nommé test.html, il est utilisé pour expliquer comment utiliser jquery pour faire apparaître une boîte de dialogue.

Comment utiliser jQuery pour créer une fenêtre pop-up

2. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton pour faire apparaître la boîte de dialogue lorsque vous cliquez dessus.

Comment utiliser jQuery pour créer une fenêtre pop-up

3. Dans le fichier test.html, définissez l'identifiant de la balise bouton sur mybutton L'objet bouton sera obtenu via cet identifiant ci-dessous.

Comment utiliser jQuery pour créer une fenêtre pop-up

4. Dans la balise js, utilisez la méthode ready() pour exécuter la méthode fonction et lier l'événement click au bouton lorsque la page est chargée.

Comment utiliser jQuery pour créer une fenêtre pop-up

5. Dans la méthode fonction, obtenez l'objet bouton via l'identifiant, liez-y l'événement click et lorsque vous cliquez sur le bouton, utilisez la méthode confirm(). pour afficher la boîte de dialogue, lorsque l'utilisateur clique sur "OK", utilisez la méthode write() pour afficher l'invite.

Comment utiliser jQuery pour créer une fenêtre pop-up

6. Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour afficher les résultats.

Comment utiliser jQuery pour créer une fenêtre pop-up

Recommandations d'apprentissage associées : Tutoriel d'apprentissage Javascript

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!