Plug-in tiers jquery : 1. Validation, un plug-in de validation de formulaire ; 2. Form, un plug-in de formulaire Ajax 3. livequery, un plug-in d'événement de liaison dynamique 4. Cookie, un plug-in ; -in pour la gestion des cookies ; 5. SimpleModal, plugins de fenêtre Modal, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.
JQuery dispose d'une multitude de plug-ins tiers, tels que : menu arborescent, contrôle de date, plug-in de changement d'image, fenêtre contextuelle, etc. Les composants de la page frontale de base ont des plug-ins correspondants , et les effets réalisés avec les plug-ins JQuery sont très éblouissants. Et vous pouvez réécrire et empaqueter les plug-ins selon vos propres besoins, ce qui est simple et pratique.
Ce qui suit présente les plug-ins tiers couramment utilisés.
Plug-ins tiers couramment utilisés pour jquery
(1) Introduction à la validation
L'occasion la plus courante où JavScript est utilisé est la validation de formulaire, et jQuery est une excellente bibliothèque JavaScript, fournit également un excellent plug-in de validation de formulaire - Validation est l'un des plus anciens plug-ins jQuery. Il a été vérifié par différents projets à travers le monde et a été salué par de nombreux développeurs Web. En tant que bibliothèque de méthodes de vérification standard, Validation présente les avantages suivants :
(2) Adresse de téléchargement du plug-in : http://bassistance.de/jquery-plugins/jquery-plugin-validation/
L'adresse API officielle du plug-in de validation est :
http://docs.jquery.com/Plugins/Validation
(1) Introduction au plug-in Form
Le plug-in jQuery Form est un excellent plug-in de formulaire Ajax. qui peut être utilisé très facilement et sans intrusion. Mettre à jour les formulaires HTML pour prendre en charge Ajax. jQuery a deux méthodes principales - ajaxForm() et ajaxSubmit(), qui combinent des fonctionnalités allant du contrôle des éléments du formulaire à la décision sur la manière de gérer le processus de soumission. De plus, le plug-in inclut également d'autres méthodes : formToArray(), formSerialize(), fieldSerialize(), fieldValue(), clearForm(), resetForm(), etc.
(2) Téléchargement du plug-in de formulaire jQuery Form adresse : http://jquery.malsup.com/form/. Les lecteurs peuvent télécharger le plug-in et consulter des instructions de démarrage simples, l'API, un exemple de code, etc. sur le site Web.
(1) Introduction au plug-in livequery
La fonction de liaison d'événement de jQuery permet la séparation complète du code jQuery et du code HTML, de sorte que la relation hiérarchique du code soit plus claire. et plus facile à entretenir. Cependant, pour les éléments HTML chargés dynamiquement dans la page, les événements doivent à chaque fois être liés à ces éléments, ce qui est très gênant. De là est né un nouveau plug-in, à savoir livequery, qui peut être utilisé pour enregistrer l'heure de l'élément DOM correspondant ou déclencher la fonction de rappel. Non seulement l'événement sera lié à l'élément correspondant au sélecteur actuel, mais également aux éléments ajoutés ultérieurement via JavaScript. Lorsque l'élément ne correspond plus au sélecteur, livequery annulera automatiquement l'enregistrement de l'événement, de sorte que les développeurs n'auront plus besoin de prêter attention à la source de l'élément HTML, mais uniquement à la manière d'écrire ses événements liés.
Sélectionnez un élément DOM via le sélecteur jQuery et le plug-in livequery le conservera dans toute la plage DOM en temps réel. Cela signifie que, que l'élément ait déjà existé ou qu'il ait été chargé dynamiquement ultérieurement, l'événement sera lié, tout comme le style CSS de l'élément. En même temps, ce plug-in remplit ces fonctions sans utiliser presque aucune ressource.
(2) Adresse de téléchargement du plug-in jQuery livequery : http://plugins.jquery.com/livequery/
(1) Introduction de l'interface utilisateur jQuery :
L'interface utilisateur jQuery est dérivée d'un. Plug-in jQuery——Interface. La première version du plug-in Interface était la 1.2, qui ne prenait en charge que la version jQuery 1.1.2. Plus tard, certaines personnes ont reconstruit la plupart des représentants de l'interface basés sur l'API jQuery 1.2 et unifié l'API. En raison d'améliorations majeures, le numéro de version n'est pas 1.3 mais passe directement à 1.5 et est renommé jQuery UI.
L'interface utilisateur de jQuery est principalement divisée en 3 parties : interaction, widgets et bibliothèque d'effets
effects. Cette bibliothèque est utilisée pour fournir des effets d'animation riches, afin que l'animation ne soit plus limitée à la méthode animate(). La bibliothèque d'effets possède son propre ensemble de base, effect.core.js, et ne nécessite pas la prise en charge de la bibliothèque principale de jQuery ui.core.js
(2) L'adresse de téléchargement du plug-in jQuery UI est : http https://jqueryui.com/download /all/. Sélectionnez le lien "jQuery UI 1.6rc2" pour télécharger directement le package complet, y compris le code source, la version de distribution et le pilote de test.
(1) Présentation du plug-in Cookie
Le cookie est un petit fichier texte déposé sur le client par le concepteur du site. Les cookies peuvent offrir de nombreuses commodités aux utilisateurs. Par exemple, les sites Web commerciaux stockent les listes de produits que les utilisateurs ont consultées, ou les sites Web portails mémorisent les types d'actualités que les utilisateurs aiment parcourir. Lorsque l'utilisateur est en cours d'exécution, son statut de connexion peut également être stocké, afin que l'utilisateur n'ait pas à saisir ces informations à chaque fois qu'il visite le site Web.
jQuery fournit un plug-in très simple pour gérer les cookies sur le site, et le nom du plug-in est également Cookie
(2) Adresse de téléchargement du plug-in jQuery Cookie : http://plugins.jquery. .com/cookie/
(1) Introduction au plug-in SimpleModal
SimpleModal est un plug-in jQuery léger, qui fournit une interface puissante pour le développement de fenêtres modales, qui peut être utilisé comme cadre de fenêtre modale. SimpleModal est très flexible et peut créer tout ce que vous pouvez imaginer, et vous n'avez pas besoin de prendre en compte les problèmes entre navigateurs lors du développement de l'interface utilisateur.
(2) Adresse de téléchargement du plug-in SimpleModal : http://www.ericmmartin.com/projects/simplemodal/
7. Plug-in d'image à chargement paresseux : lazyload
Lay chargement des images ou commencer le chargement. uniquement lorsque certaines conditions sont remplies Image
URL de téléchargement : https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js
8, plug-in fly
Ajouter un panier effet et réaliser un mouvement parabolique
Adresse de téléchargement : https://github.com/amibug/fly
9, qrcode
plug-in jquery qui peut générer un code QR matriciel QRCode sur le client
Adresse de téléchargement : https ://github.com/lrsjng/ jquery-qrcode
10 et spinner
peuvent facilement ajouter ou soustraire le nombre de paniers, et prennent également en charge l'utilisation des touches haut et bas du clavier pour modifier le nombre d'achats. chariots.
Adresse de téléchargement : https://github.com/vsn4ik/jquery.spinner
etc. . .
【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】
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!
![Syntaxe de base JavaScript [dom|bom|es6 nouvelle syntaxe|jQuery|echarts de visualisation de données]](https://img.php.cn/upload/course/000/000/068/6242bb730fb11708.png)
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
