Comment utiliser ajax jquery pour HTML5 et CSS3 programmation

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

Sommaire

  • Il est une puissante bibliothèque. Le système jQuery est incroyablement puissant. Il peut faire toutes sortes de choses impressionnantes pour faciliter votre javascript écrire.

  • Il est léger. Vous devez inclure une référence à votre bibliothèque dans chaque fichier qui en a besoin. L'ensemble de la bibliothèque jQuery inscrit dans 55K, qui est plus petit que la plupart des fichiers images. Il ne sera pas avoir un impact significatif sur la vitesse de téléchargement.

  • Il prend en charge un mécanisme de sélection flexible. jQuery simplifie grandement et élargit la document.getElementById mécanisme qui est au cœur de la manipulation du DOM.

  • Il a un grand soutien de l'animation. Vous pouvez utiliser jQuery pour rendre éléments apparaissent et se fanent, se déplacer et glisser.

  • Il rend AJAX interroge trivial. Vous serez surpris de la facilité avec AJAX est avec jQuery.

  • Il dispose d'un mécanisme d'événement renforcée. javascript a un soutien très limité pour les événements. jQuery ajoute un outil très puissant pour l'ajout de gestionnaires d'événements à près de tout élément.

  • Il fournit un support multi-plateforme. La bibliothèque jQuery essaie de gérer les problèmes de compatibilité navigateur pour vous, afin que vous ne devez pas insister tellement sur exactement quel navigateur est utilisé.

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

  • Il est très extensible. jQuery possède une bibliothèque de plug-in qui supporte 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 et puissantes idées de programmation. jQuery est un excellent outil pour l'apprentissage de quelques idées vraiment intéressantes comme la programmation fonctionnelle et objets chainables.

  • Il 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 regarder par-dessus et de les modifier si vous le souhaitez.




  • Il 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 appris dans jQuery.

Comment installer jQuery

La bibliothèque jQuery est facile à installer et à utiliser. Suivez ces étapes:

  1. Aller à jquery.com.

  2. Téléchargez la version actuelle.

    Actuellement, la version la plus actuelle est 1.10.2. Il ya une série 2.X, mais ces versions ne supporte pas les navigateurs plus anciens, ne sera donc pas adopté jusqu'à ce que les navigateurs plus anciens (en particulier IE 6 et moins) ne sont plus utilisés du tout.

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

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

    jQuery-1.10.2.min.js est l'image actuelle.

Pour incorporer la bibliothèque dans vos pages, il suffit de lier à elle comme un fichier javascript externe:

 

Veillez à inclure le code précédent avant de vous écrire ou inclure d'autres codes qui se réfère à jQuery.

Comment importer jQuery de Google

Simple comme il est d'ajouter le support de jQuery, vous avez un autre excellent moyen d'ajouter jQuery (et d'autres bibliothèque AJAX) soutien à vos pages sans avoir à télécharger quoi que ce soit. Google dispose d'une version publique de plusieurs bibliothèques importantes (y compris jQuery) que vous pouvez télécharger à partir de ses serveurs.

Cela a un couple d'avantages intéressants:

  • Vous ne devez pas installer des bibliothèques. Tous les fichiers de la bibliothèque restent sur le serveur Google.

  • La bibliothèque est mise à jour automatiquement. 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'un de vos pages lit la bibliothèque depuis les serveurs de Google, vous devez attendre pour le téléchargement complet, mais la bibliothèque est stocké dans un cachette (une forme de mémoire du navigateur) afin que les demandes ultérieures sont essentiellement immédiate.

Voici comment faire:

src ="http://google.com/jsapi"> lt;/ script>

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

  1. Chargez l'API Google de Google.

    Utilisez le premier tag pour désigner le serveur API Google AJAX. Cela vous donne accès à la google.load () fonction.

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

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

    • Le second 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 variation de cette version.

    Notez que vous ne devez pas installer localement des fichiers à utiliser l'approche de Google.

    Toutes ces options pour gérer jQuery peuvent être vertigineux. Utilisez celle technique fonctionne le mieux pour vous.


    » » » » Comment utiliser ajax jquery pour HTML5 et CSS3 programmation