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

Comment personnaliser les fonctions dans jquery

coldplay.xixi
Libérer: 2020-11-30 14:02:27
original
7516 Les gens l'ont consulté

Comment personnaliser les fonctions dans jquery : créez d'abord un bouton en utilisant la balise bouton, et définissez l'identifiant de la balise bouton sur mytest puis utilisez [$.fn] pour définir une fonction nommée testfunc, et obtenez le objet actuellement cliqué ; Enfin, utilisez la méthode [on()] pour lier l'événement click à l'objet.

Comment personnaliser les fonctions dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, jquery2.2.4, cet article est applicable à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo jquery"

Comment personnaliser les fonctions jquery :

1. Créez un nouveau fichier html. , nommé test.html, est utilisé pour expliquer comment personnaliser les fonctions dans jquery.

Comment personnaliser les fonctions dans jquery

2. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom de bouton "Test".

Comment personnaliser les fonctions dans jquery

3. Dans le fichier test.html, définissez l'identifiant de l'étiquette du bouton sur mytest, qui est principalement utilisé pour obtenir l'objet bouton via cet identifiant ci-dessous.

Comment personnaliser les fonctions dans jquery

4. Dans la balise js, utilisez $.fn pour définir une fonction nommée testfunc, où param est le paramètre de la fonction personnalisée.

Comment personnaliser les fonctions dans jquery

5. Dans la fonction testfunc, obtenez l'objet actuellement cliqué et utilisez la méthode on() pour lier un événement de clic à l'objet, lorsque l'objet est cliqué, exécutez. alert()Invite de sortie de méthode.

Comment personnaliser les fonctions dans jquery

6. En dehors de la fonction personnalisée, obtenez l'objet bouton via id (mytest), appelez la fonction personnalisée testfunc et testez si la fonction personnalisée a été implémentée avec succès.

Comment personnaliser les fonctions dans jquery

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

Comment personnaliser les fonctions dans jquery

Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)

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