JQuery: présentation
Introduction
JQuery est un framework développé en javascript qui permet notamment de manipuler aisément la DOM, d'utiliser AJAX, de créer des animations...
La vocation première de ce Framework est de gagner du temps dans le développement des applications: "write less, do more".
Rendez-vous sur la page de démonstration, pour avoir un aperçu des différentes possibilités qui sont offertes avec cette librairie.
Comment débuter ?
- Commencez par télécharger la librairie jQuery
- Insérez ensuite le code suivant entre les balises <head></head> de votre document HTML:
<script type="text/javascript" src="chemin/jquery.js"></script>
- Voila, vous êtes prêt pour votre première utilisation de jQuery. Pour commencer, consultez la liste des tutoriaux ainsi que la documentation qui vous aideront dans vos développements futurs.
Dernières actualités
-
15/01/2010 -
- JQuery 1.4 est disponible
Pour célébrer le quatrième anniversaire de jQuery, l'équipe en charge du développement de cette librairie Javascript vient de sortir la nouvelle version, la 1.4.. Lire l'article.
Lien permanent vers cette news : jQuery 1.4 est disponible -
14/01/2010 -
- Tips: ne pas attendre lechargement de la DOm pour éxécuter vos requêtes AJAX
Dans cet article l'auteur présente un tip qui permet de ne pas attendre que la page se charge totalement avant d'effectuer les éventuelles requetes AJAX, afin de gagner du temps au niveau du chargement du rendu final pour l'utilisateur. Très simple à mettre en place, il suffisait simplement d'y penser!. Lire l'article.
Lien permanent vers cette news : Tips: ne pas attendre lechargement de la DOm pour éxécuter vos requêtes AJAX -
22/12/2009 - - 25 plugins pour remettre au gout du jour les tableaux
Cet article fait la liste de 25 plugins a appliquer sur vos tableau pour les rendre plus intéractivfs et conviviaux. Ca va du simple restylage a l'intégration de champs de recherche, en passant par la génération d'un graphique à partir des données du tableau, il y e na pour tous les goûts!. Lire l'article.
Lien permanent vers cette news : 25 plugins pour remettre au gout du jour les tableaux -
22/12/2009 - - Top 10 des plugins de modal jQuery
Cet article présente le top 10 des plugins permettant de créer facilement des modals. Pour chaque plugin présenté, l'auteur met en avant ses points forts. Une rétrospective sympa de ce qui se fait dans ce domaine.. Lire l'article.
Lien permanent vers cette news : Top 10 des plugins de modal jQuery -
21/12/2009 - - Conférence de John Resig: tests, analyses de performance, et jQuery 1.4
John Resig, le créateur de jQuery, revient dans cette conférence vidéo sur le pourquo et le comment des tests et des analyses de performance en Javascript, et la dernier mouteur de jQuery, la version 1.4.. Lire l'article.
Lien permanent vers cette news : Conférence de John Resig: tests, analyses de performance, et jQuery 1.4 -
21/12/2009 - - La fonction $.param() expliquée, et ses changements pour jQuery 1.4
La fonction $.param permet à partir d'un tableau d'éléments de formulaire, ou d'un objet de sérialiser ces éléments de manières a pouvoir passer la chaine résultante dans une URL. Cette fonction est notamment utilisé dans les fonctions ajax jQuery, pour le passage de paramètres. La version 1.4 alpha de jQuery a complètement redéfini cette fonction, et corrige un lacune a propos des éléments multiples, tels que des champs de formulaire radio portant le meme nom. L'ancienne fonction $.param renvoyait a=1&a=2&a=3 dans le cas d'un formulaire contenant 3 champs input checkbox portant le meme nom a mais avec des valeurs différentes, et qui serait toutes cochées. Ce cas pose problème puisque pour PHP et Rails, la récupération des données donne a=3 dans ce cas. La nouvelle version de $.param change la chaine renvoyée en a[]=1&a[]=2&a[]=3. Et de retourner la bonne valeur de "a" à la sortie, avec a=[1,2,3]. La nouvelle version supporte également les type complexes comme des variables contenant des tableaux composés de tableaux.. Lire l'article.
Lien permanent vers cette news : La fonction $.param() expliquée, et ses changements pour jQuery 1.4 -
21/12/2009 - - Créer un système de rotation de publicité a la manière des vrais panneaux publicitaires
Cet article propose un système de rotation d'image originale, puisqu'il se calque sur l'affichage des vrais panneaux publicitaires composés de plusieurs lames permettant d'afficher alternativement plusieurs publicités sur un même encart. Le résultat est sympa et original, cependant un minimum de travail est à prévoir pour préparer les images à afficher.. Lire l'article.
Lien permanent vers cette news : Créer un système de rotation de publicité a la manière des vrais panneaux publicitaires -
21/12/2009 - - Lier plusieurs évènements à une action en un seul appel
Cet article fait suite au tutorial montrant un exemple de déléguation d'évènement. Reprenant le meme code, il propose maintenant de lier plusieurs évènements à une action en une seule fois. En effet, la fonction bind() de jQuery accepte plusieurs évènement en paramètre. Ainsi bind("mousover mouseout") est une syntaxe valide. Ensutie, il est possible de cibler l'évènement voulu dans la fonction de callback en utilisant les propriétés de l'objet event qui lui est passé (event.type pour récupérer le nom de l'évènement). Cette méthode permet de factoriser le code dans le cas ou des actions différentes déclanche des actions similaires.. Lire l'article.
Lien permanent vers cette news : Lier plusieurs évènements à une action en un seul appel -
21/12/2009 - - 5 animations en CSS3 et leur équivalent avec jQuery
Cet article présente 5 animations réalisés CSS3, et leur équivalent codé avec jQuery. Sans surprise, CSS3 est donné gagnant en terme d'optimisation, mais perdant pour le moment sur la question de la comptabilisté inter-naviguateur. L'article montre en outre la puissance de CSS3,dont les options pourront aisément se substituer à la fonction animate() de jQuery dans beaucoup de situations - une fois que Internet Explorer se sera mis à la page.. Lire l'article.
Lien permanent vers cette news : 5 animations en CSS3 et leur équivalent avec jQuery -
21/12/2009 - - Comment éxécuter animations jQuery sans système de pile
Cette question peut apparaitre comme un détail, mais elle prends tout son snes dans les animations, dans un soucis de garder la fluidité, tout en conservant l'intéraction avec l'action utilisateur. Une démo très complète accompagne l'article, et permet de comparer les différentes méthodes proposées.. Lire l'article.
Lien permanent vers cette news : Comment éxécuter animations jQuery sans système de pile