Comment utiliser AJAX jQuery pour HTML5 et CSS3 Programmation - mannequins

Bien que de nombreuses bibliothèques AJAX / JavaScript soient disponibles pour les programmeurs HTML5 et CSS3, jQuery est rapidement devenu l'un des plus importants. Voici quelques raisons de la popularité de jQuery:

• C'est une bibliothèque puissante. Le système jQuery est incroyablement puissant. Il peut faire toutes sortes de choses impressionnantes pour rendre votre JavaScript plus facile à écrire.

• C'est léger. Vous devez inclure une référence à votre bibliothèque dans chaque fichier qui en a besoin. La bibliothèque entière de jQuery tient dans 55K, qui est plus petit que beaucoup de fichiers d'image. Cela n'aura pas d'impact significatif sur la vitesse de téléchargement.

• Il supporte un mécanisme de sélection flexible. jQuery simplifie et développe considérablement le document. Le mécanisme getElementById est essentiel à la manipulation du DOM.

• Il a un excellent support d'animation. Vous pouvez utiliser jQuery pour faire apparaître les éléments, les fondre, les déplacer et les faire glisser.

• Cela rend les requêtes AJAX triviales. Vous serez surpris de voir à quel point AJAX est facile avec jQuery.

• Il a un mécanisme d'événement amélioré. JavaScript a un support très limité pour les événements. jQuery ajoute un outil très puissant pour ajouter des gestionnaires d'événements à presque n'importe quel élément.

• Il fournit un support multiplateforme. La bibliothèque jQuery essaie de gérer les problèmes de compatibilité du navigateur pour vous, vous n'avez donc pas à vous soucier du type de navigateur utilisé.

• Il prend en charge les widgets de l'interface utilisateur. jQuery est livré avec une bibliothèque d'interface utilisateur puissante, y compris des outils que le HTML n'a pas, comme les contrôles glisser-déposer, les curseurs et les sélecteurs de date.

• C'est très extensible. jQuery possède une bibliothèque de plug-ins qui prend en charge toutes sortes de fonctions optionnelles, y compris de nouveaux widgets et des outils tels que l'intégration audio, des galeries d'images, des menus et bien plus encore.

• Il introduit de nouvelles idées de programmation puissantes. jQuery est un excellent outil pour apprendre des idées vraiment intéressantes comme la programmation fonctionnelle et les objets chaînables.

• C'est gratuit et open source. Il est disponible sous une licence open-source, ce qui signifie qu'il ne coûte rien à utiliser, et vous pouvez le regarder et le changer si vous le souhaitez.

• C'est assez typique. Si vous choisissez d'utiliser une bibliothèque AJAX différente, vous pouvez toujours transférer les idées que vous avez apprises dans jQuery.

Comment installer jQuery

La librairie jQuery est facile à installer et à utiliser. Suivez ces étapes:

1. Allez à jquery. com.

2. Télécharger la version actuelle.

   Actuellement, la version la plus récente est 1.10. 2. Il existe une série 2. X, mais ces versions ne supportent pas les anciens navigateurs, elles ne seront donc pas adoptées tant que les anciens navigateurs (en particulier IE 6 et moins) ne seront plus utilisés du tout.

   Vous pouvez choisir parmi un certain nombre de versions du fichier. La version minimisée est recommandée pour une utilisation réelle. Pour rendre ce fichier aussi petit que possible, tous les caractères inutiles ont été supprimés. Ce fichier est très compact mais difficile à lire. Téléchargez la version non-réduite si vous voulez réellement lire le code, mais il est généralement préférable d'inclure la version réduite dans vos programmes.

3. Stockez le fichier résultant dans votre répertoire de travail.

   jQuery-1. 10. 2. min. js est le fichier actuel.

Pour incorporer la bibliothèque dans vos pages, liez-la simplement en tant que fichier JavaScript externe:

Veillez à inclure le code précédent avant d'écrire ou d'inclure un autre code faisant référence à jQuery.

Comment importer jQuery à partir de Google

Aussi simple que cela puisse être d'ajouter le support jQuery, vous avez une autre excellente façon d'ajouter jQuery (et autre bibliothèque AJAX) à vos pages sans rien télécharger. Google dispose d'une version publiquement disponible de plusieurs bibliothèques importantes (y compris jQuery) que vous pouvez télécharger depuis ses serveurs.

Cela a quelques avantages intéressants:

• Vous n'avez pas besoin d'installer de bibliothèques. Tous les fichiers de la bibliothèque restent sur le serveur Google.

• La bibliothèque est automatiquement mise à jour. Vous avez toujours accès à la dernière version de la bibliothèque sans apporter de modifications à votre code.

• La bibliothèque peut charger plus rapidement. La première fois que l'une de vos pages lit la bibliothèque sur les serveurs de Google, vous devez attendre le téléchargement complet, mais la bibliothèque est stockée dans un cache (une sorte de mémoire du navigateur). les demandes subséquentes sont essentiellement immédiates.

Voici comment procéder:

Essentiellement, le chargement de jQuery depuis Google est un processus en deux étapes:

1. Charger l'API Google depuis Google.

   Utilisez la première balise pour faire référence au serveur de l'API AJAX Google. Cela vous donne accès au google. load () fonction.

2. Invoquez google. load () pour charger jQuery.

   • Le premier paramètre est le nom de la bibliothèque que vous voulez charger.

   • Le deuxième paramètre est le numéro de version. Si vous laissez ce paramètre vide, vous obtenez la dernière version. Si vous spécifiez un nombre, Google vous donne la dernière version de cette version.

Notez que vous n'avez pas besoin d'installer de fichiers localement pour utiliser l'approche de Google.

Toutes ces options de gestion de jQuery peuvent être vertigineuses. Utilisez la technique qui vous convient le mieux.