Compléments sur javascript, ajax, bibliothèque Jquery

PRÉSENTATION DE JQUERY

UNE BIBLIOTHÈQUE POUR JAVASCRIPT
z ORIGINES
ƒ CRÉATION EN 2006 PAR JOHN RESIG objectif : simplifier le développement de pages Web avec Javascript ƒ BIBLIOTHÈQUE EN CODE LIBRE 1 développement et documentation assurés par une équipe
z PRINCIPALES CARACTÉRISTIQUES
ƒ ECRITURE EN JAVASCRIPT DE MANIÈRE NON INTRUSIVE 2 séparation nette des scripts d’avec le code XHTML ƒ ORIENTATION VERS LA MANIPULATION D’ÉLÉMENTS D’UNE PAGE WEB extension du mécanisme de sélection existant dans CSS ƒ SIMPLIFICATION DE L’UTILISATION DE DOM mécanismes puissants avec une notation minimaliste ƒ INTÉGRATION DE TECHNIQUES POUR DES APPLICATIONS INTERNET (RIA 3) effets d’animation, interfaçage avec Ajax, etc. ƒ BIBLIOTHÈQUE EXTENSIBLE nombreuses extensions disponibles (formulaires, menus, etc.) ƒ GESTION POUSSÉE DE LA COMPATIBILITÉ AVEC LES NAVIGATEURS prise en charge de particularités hors norme de navigateurs mais fonctionnement avec des versions relativement récentes : Firefox ≥ 2, Internet explorer ≥ 6, Safari ≥ 3, Opera ≥ 9,
EXEMPLE DU COLORIAGE (VERSION N° 1)

COLORIAGE D’UN PARAGRAPHE

z CARACTÉRISTIQUES
ƒ DOUBLE SCRIPT Bibliothèque jQuery + script particulier à la page : application d’un style de couleur à la division identifiée par contenu ƒ IDENTIFICATION D’UNE SÉLECTION D’ÉLÉMENT(S) DE LA PAGE notation : jQuery(sélection) ou $(sélection) avec sélection 1 exprimée a priori comme en CSS, dans une chaîne de caractères exemple : jQuery(« div#contenu ») ou $(« div#contenu ») ƒ MANIPULATION DE LA SÉLECTION PAR APPLICATION D’UNE MÉTHODE définition d’un style via .css(propriété, valeur) exemple : $(« div#contenu »).css(« color », « red »);
z CODE EN XHTML DU CONTENU DE LA PAGE
<body> <h1>Exemple avec jQuery : coloriage (version n° 1)</h1> <hr /> <div id= »contenu »>Ce texte doit s’afficher en couleur !</div> <hr /> <address>MC – 25 XI 2009</address> <script type= »text/javascript » src= »jquery.js »></script> <script type= »text/javascript » src= »jq-colorier-v1.js »></script> </body>
z CODE EN JAVASCRIPT DANS jq-colorier-v1.js
$(« div#contenu »).css(« color », « red »);

Cours gratuitTélécharger le cours complet

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *