Maison  >  Article  >  interface Web  >  Qu'est-ce que le plugin jQuery

Qu'est-ce que le plugin jQuery

(*-*)浩
(*-*)浩original
2019-05-30 10:17:392343parcourir

Les plug-ins jquery sont des outils écrits par certaines personnes utilisant jquery. Lorsque nous les appelons, nous n'avons besoin que de très peu de code pour obtenir de bons résultats. Le but de l'écriture de plug-ins jquery est principalement de fournir un. série d'outils déjà existants Encapsuler une méthode ou une fonction afin qu'elle puisse être réutilisée ailleurs pour faciliter la maintenance ultérieure et améliorer l'efficacité du développement.

Qu'est-ce que le plugin jQuery

Jetons un coup d'œil à quelques plug-ins jQuery couramment utilisés :

Plug-in de validation de formulaire jQuery : Validation

L'occasion la plus courante où JavScript est utilisé est la validation de formulaire, et jQuery, en tant qu'excellente bibliothèque JavaScript, fournit également un excellent plug-in de validation de formulaire -in—— Validation.Validation est l'un des plug-ins jQuery les plus anciens, 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,

La validation présente les avantages suivants :

Règles de validation intégrées : avec champs obligatoires, numéros, e-mails, URL, numéros de carte de crédit , etc. 19 types de règles de vérification intégrées

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

Invites d'informations de vérification simples et puissantes : les invites d'informations de vérification sont définies par défaut et remplacées par des modifications personnalisées. des invites par défaut sont fournies Fonctions d'information

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.

Plug-in de formulaire jQuery : Form

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 non -de manière invasive. 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( ) et resetForm () etc.

Plug-in jQuery UI

jQuery UI est dérivé d'un plug-in jQuery - Interface. La première version du plug-in Interface était la version 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 - ui.core.js prend en charge la 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 noyaux, effect.core.js, et ne nécessite pas la prise en charge de la bibliothèque principale de jQuery ui.core.js

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

La fonction de liaison d'événements de Query permet la séparation complète du code jQuery et du code HTML, rendant la relation hiérarchique du code 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.

Un nouveau plug-in en est né, à savoir livequery, qui permet d'enregistrer l'heure de l'élément DOM correspondant ou de 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 devront uniquement se concentrer sur la façon 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.

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!

Déclaration:
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
Article précédent:Comment utiliser jquery-uiArticle suivant:Comment utiliser jquery-ui