Introduction au framework jquery
8182 mots
33 pages
JQUERYMULTIMÉDIA ET TECHNOLOGIES DU WEB
jQuery
On commence par présenter jQuery, on découvre ce framework à travers des exemples simples, ensuite, on consacre une première partie aux sélecteurs, qui illustrent la diversité de jQuery pour atteindre aisément n'importe quel élément de la page web. Dans les parties suivantes on découvre les éléments d'interactivité apportés par jQuery; d'abord par la manipulation des attributs (ajout, modification ou suppression) puis par l'application de styles CSS. Suivent les événements classiques du JavaScript mais surtout ceux apportés par jQuery. On termine par la présentation des effets visuels qui viennent simplifier et enrichir ceux proposés par javascript. Une introduction à l'étude du DOM est également présentée.
1 Principes de base
1.2 Le fonctionnement de jQuery
1 .2.1 Introduction jQuery est une bibliothèque javascript (framework) open-source légère et cross-browser, qui simplifie l’interaction entre l’HTML et JavaScript. JQuery permet de traverser et de manipuler très facilement l'arbre DOM de vos pages web. Il permet par exemple de changer/ajouter une classe CSS, créer des animations, modifier des attributs, etc. mais également de gérer les événements javascript ainsi que de faire des requêtes AJAX de manière très simple et en utilisant un minimum de lignes de code. JQuery possède une grande communauté, une grande documentation, et de nombreux plugins, et il a été récemment adopté par Microsoft. Pour utiliser JQuery, il est nécessaire d’avoir des connaissances de javascript et du modèle objet des documents (DOM). JQuery est développé par John Resig de Mozilla et a été annoncé pour la première fois en janvier 2006. On distingue trois concepts majeurs de jQuery
1. La fonction $() : contient le code jQuery 2. Obtenir > Agir : Sélectionner des éléments du DOM ensuite leur appliquer des opérations 3. Chainabilité : Capacités de traitements en chaîne.
Mais pour commencer, nous allons découvrir quelques