Quels sont les plugins pour jquery ?

Les plug-ins jquery incluent : 1. Plug-in de validation de formulaire jQuery Validation ; 2. Plug-in de formulaire jQuery Form ; 3. Livequery du plug-in d'événement de liaison dynamique 4. Plug-in de gestion des cookies Cookie ; 5. Plug-in de fenêtre modale SimpleModal .

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

Les plug-ins jquery sont :

1. Plug-in de validation de formulaire jQuery : Validation

(1) Introduction. à Validation

L'occasion la plus courante d'utiliser JavScript est la validation de formulaire, et jQuery, en tant qu'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é bien accueilli par de nombreux développeurs Web. En tant que bibliothèque de méthodes de vérification standard, la validation présente les avantages suivants :

• Règles de validation intégrées : elle comporte 19 types de règles de validation intégrées telles que les règles obligatoires, les chiffres, les e-mails et les URL. et numéros de carte de crédit

• Règles de vérification personnalisées : vous pouvez facilement personnaliser les règles de vérification

• Invite d'informations de vérification simple et puissante : l'invite d'informations de vérification est par défaut et fournit la fonction de personnalisation des informations d'invite par défaut

• Vérification en temps réel : la vérification peut être déclenchée via des événements de saisie ou de flou, pas seulement lorsque le formulaire est soumis.

(2) Adresse de téléchargement du plug-in : http://bassistance.de/jquery-plugins/jquery-plugin-validation/

L'adresse API officielle de le plug-in de validation est ： http://docs.jquery.com/Plugins/Validation

2.

(1) Introduction au plug-in de formulaire

Le plug-in jQuery Form est un excellent plug-in de formulaire Ajax qui peut mettre à niveau les formulaires HTML pour prendre en charge Ajax très facilement et de manière non invasive. jQuery dispose de 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, iain, le plug-in inclut également d'autres méthodes : formToArray(), formSerialize(), fieldSerialize(), fieldValue(), clearForm() et resetForm(), etc.

(2) jQuery Adresse de téléchargement du plug-in de formulaire : http://jquery.malsup.com/form/. Les lecteurs peuvent télécharger le plug-in et consulter des instructions simples de démarrage, l'API, un exemple de code, etc. sur le site Web.

3. Plug-in d'événement de liaison dynamique : livequery

(1) Introduction au plug-in livequery

La fonction de liaison d'événement de jQuery crée du code jQuery et HTML Le code peut être complètement séparé, de sorte que la relation hiérarchique du code soit plus claire et plus facile à maintenir. 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'élément correspondant au sélecteur actuel sera lié à l'événement, mais également les éléments ajoutés ultérieurement via JavaScript seront liés à l'événement. 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/

4. Plug-in jQuery UI

(1) Introduction à jQuery UI :

jQuery UI est dérivé 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.

jQuery UI est principalement divisé en 3 parties, interaction, widgets et bibliothèque d'effets

• interaction. Voici quelques contenus liés à l'interaction avec la souris. Y compris le glisser, le placement, le zoom, la sélection et le tri, etc. Certains widgets sont créés sur la base de ces composants interactifs. Cette bibliothèque nécessite une bibliothèque principale jQuery UI - ui.core.js prend en charge les widgets

• . Voici principalement quelques extensions d'interface. Il comprend la navigation en accordéon, la saisie semi-automatique, le sélecteur de couleurs, la boîte de dialogue, le curseur, l'étiquette, le calendrier, la loupe, la barre de progression et le contrôleur de rotation. Cette bibliothèque nécessite une bibliothèque principale jQuery UI - prise en charge de ui.core.js

• Bibliothèque d'effets. 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 le support de la bibliothèque principale de jQuery ui.core.js

(2) L'adresse de téléchargement du Le plug-in jQuery UI est : http://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.

5. Plugin de gestion des cookies : Cookie

(1) Introduction au plug-in Cookie

Cookie est un petit fichier texte placé 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és, 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 web. Le nom du plug-in est également Cookie

(2) Adresse de téléchargement du plug-in jQuery Cookie : http://plugins.jquery .com/cookie/

6. Plug-in de fenêtre modale : SimpleModal

(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 et peut être utilisé comme cadre pour les fenêtres modales. 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/

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!