JQuery : connexion à une page Web

Table des matières:

JQuery : connexion à une page Web
JQuery : connexion à une page Web
Anonim

jQuery est une bibliothèque Javascript qui se concentre sur la façon dont les technologies HTML, JavaScript et CSS fonctionnent ensemble.

Ce que jQuery peut faire

La bibliothèque peut fonctionner avec la liste de tâches suivante:

  • peut accéder à absolument n'importe quel élément du modèle d'objet de page (DOM) et effectuer des manipulations complexes avec eux;
  • gestion des événements prise en charge;
  • il existe des fonctionnalités pour divers effets graphiques et animations;
  • travail simplifié avec la technologie de chargement dynamique AJAX (une fonctionnalité très importante et extrêmement utile, mais pas à ce sujet maintenant);
  • jQuery a son propre nombre de plugins, dont la fonction principale est d'implémenter des interfaces graphiques utilisateur et l'interaction de l'utilisateur avec eux.

Versions compressées et non compressées de la bibliothèque

Les développeurs ont plusieurs options pour le script - l'une est compressée, l'autre non. La version complète est très pratique à utiliser au stade du codage et du débogage (test) des applications Web. La version minimisée, en revanche, aura peu d'avantages utiles lors du débogage, mais elle se charge beaucoup plus rapidement et prend moins de place. Donc une version compressée de jQuery est appropriéeutiliser déjà dans le projet fini, car cela économise du trafic serveur et de l'espace disque.

connexion jquery
connexion jquery

Comment choisir la bonne version de jQuery

Il y a plusieurs courants dans jQuery aujourd'hui - les branches 1.x, 2.x et 3.x. Leur différence frappante est qu'à partir de la deuxième version, tout support pour les navigateurs obsolètes a été interrompu, comme le navigateur de Microsoft Corporation - Internet Explorer, jusqu'à la huitième version incluse.

Cette décision a permis de réduire de dix pour cent le volume physique de données dans la bibliothèque et d'optimiser légèrement son travail. Cependant, il existe encore des ordinateurs personnels et d'entreprise dans le monde où l'ancien Internet Explorer est installé comme navigateur principal, bien que le pourcentage de ces utilisateurs ne dépasse pas 3% dans le monde. Par conséquent, il vous appartient de prendre en charge ou non la plate-forme obsolète.

Les développeurs de jQuery adhèrent aux principes de rétrocompatibilité des versions. Cela signifie que le code écrit pour la version 1.7 de la bibliothèque fonctionnera également avec la version 1.8. Mais parfois, la société de développement supprime des fonctions de jQuery qui ne sont pas utiles, il est donc préférable de relire la documentation de la nouvelle version si vous envisagez de mettre à niveau.

En 2016, une nouvelle branche de jQuery a été publiée. C'était la version 3.0, qui est devenue encore plus rapide et plus légère que les anciennes versions. Les hacks en ont finalement été supprimés pour implémenter certaines fonctions dans des navigateurs obsolètes, ce qui a permis à la bibliothèque de se positionner comme un outil de développement moderne et puissant.

Si votrele projet est déjà lié à une bibliothèque, puis estimez d'abord les coûts de main-d'œuvre pour la mise à niveau. Si les avantages de la nouvelle version en valent la peine, n'hésitez pas à commencer à travailler. Pour tous les développeurs qui commencent tout juste à utiliser l'outil dans leurs projets, il est conseillé de commencer directement avec les dernières versions.

Comment démarrer avec jQuery

La première étape consiste à connecter jQuery. Pour ce faire, vous devez télécharger directement la bibliothèque à partir de la ressource développeur jquery.com, ou à partir d'un miroir, et placer la bibliothèque sur votre serveur Web.

Maintenant, faisons la connexion jQuery à la page Web. La connexion de divers scripts dans le langage de balisage hypertexte est gérée par la balise script. Connectez jQuery avec le code suivant:

connexion jquery
connexion jquery

Cette option est bonne pour une connexion hors ligne, mais il existe de nombreuses autres façons d'utiliser le serveur.

Connecter jQuery en utilisant les services cloud

Google fournit le service de bibliothèques hébergées, à l'aide duquel n'importe qui peut connecter un framework ou une bibliothèque populaire à son application Web. Pour connecter jQuery via Google Cloud Storage, utilisez la chaîne qui correspond à la version sélectionnée dans le modèle suivant:

comment inclure la bibliothèque jquery
comment inclure la bibliothèque jquery

Les nombres dans la colonne des versions correspondent au numéro de version disponible pour l'installation et le travail ultérieur avec. Pour connecter l'une des versions intermédiaires, il suffit de la copiernombre numérique dans la chaîne de connexion au lieu des nombres spécifiés dans l'exemple.

Vous pouvez toujours consulter la liste des versions actuelles sur:

developers.google.com/speed/libraries/jquery

Si vous ne faites pas confiance à Google pour une raison quelconque, mais que vous souhaitez tout de même savoir comment obtenir la bibliothèque jQuery à partir d'un serveur de confiance tiers, utilisez le référentiel de Microsoft.

inclure la bibliothèque jquery
inclure la bibliothèque jquery

jQuery est l'un des meilleurs outils pour créer facilement des animations sur des pages Web. Une fois que vous réaliserez la puissance de cet outil, vous serez très heureux d'avoir commencé à apprendre une telle bibliothèque.

Les sceptiques parmi les étudiants et les développeurs pensent qu'il est préférable de tout implémenter en utilisant un langage de programmation pur, sans utiliser de bibliothèques tierces. Mais vous devez comprendre que le fichier jQuery ne fait que trente-deux kilo-octets et qu'il est probablement déjà dans le cache du navigateur de votre utilisateur si vous incluez le script via Google. N'ayez donc pas peur d'apprendre des outils qui facilitent la vie d'un développeur. Après tout, pour cela, nous incluons la bibliothèque jQuery - afin de ne pas réinventer la roue.

Conseillé: