jQuery 3.0 est arrivée en Release candidate

CKOTvdjWEAEb6qwLa célèbre librairie JavaScript jQuery a fêté ses 10 ans en janvier de cette année, et l’on peut dire d’elle qu’elle est un vrai succès. Selon des statistiques établies par W3CTechs, jQuery est utilisée par plus de 70% des 10 millions meilleurs sites web. Tout développeur qui a eu l’occasion de l’utiliser sait combien elle lui facilite la vie et lui fait gagner énormément de temps.

Le blog de jQuery annonce la sortie de jQuery 3.0 en Release Candidate. Cette mouture va enterrer les branches 1.12 et 2.2. Ces dernières recevront encore quelques correctifs critiques, mais elles n’évolueront plus.

L’évolution est du domaine de jQuery 3.0 désormais et celle-ci introduit quelques changements importants susceptibles de casser du code client existant.

Pour aider les développeurs, un guide de mise à niveau est proposé, ainsi qu’un plugin capable de dénicher des problèmes de compatibilité dans votre code.

Parmi les apports majeurs de jQuery 3.0, le billet de blog cite le fait que les objets jQuery.Deferred sont désormais compatibles avec les Promises d’EcmaScript 2015.

En ce qui concerne les animations, jQuery 3.0 s’appuie les API de la plate-forme sous-jacente, lorsque celles-ci sont présentes. Ceci pour obtenir des animations plus fluides, consommant moins de ressources CPU et économisant la batterie sur les appareils mobiles.

L’équipe de développement annonce certaines améliorations de performances impressionnantes. Ainsi des sélecteurs tels que :visible, un cas particulier et difficile, puisque dépendant du navigateur pour déterminer si un élément est réellement visible, peuvent être jusqu’à 17 fois plus rapide désormais.

jQuery 3.0 ne supporte pas Internet Explorer versions 6 à 8 incluses, mais personne ne lui en voudra 🙂

Advertisements

JQuery

MISE EN OEUVRE DE JAVASCRIPT ET JQUERY

  • Rappels sur Javascript (Variables, fonctions, commentaires)
  • Inclusion de JQuery dans les pages
  • Votre premier script JQuery minimaliste (avec document.ready)

Continuer la lecture

Inclusion de JQuery dans les pages HTML

Tout comme en JavaScript, l’inclusion de JQuery se fera par l’intermédiaire de la balise « script« .

Deux solutions s’offrent à vous :

  • Télécharger le fichier JQuery.js et le placer dans le répertoire contenant vos scripts
  • Directement faire appel à la bibliothèque JQuery via une url

Exemple :

Dans le cas du fichier placé sur votre serveur (donc téléchargé) :

script src= »script/jquery.js »

Le nom du fichier peut varier selon la version téléchargée ou si vous préférez, renommez le fichier…

Dans le cas du lien via url :

script type=« text/javascript » src=« http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js »

D’autres librairies, api et méthodes existent bien évidement mais ce sont ici les deux principalement utilisées.

Lorsque nous programmerons en JQuery nous nous assurerons que le document soit prêt de la manière suivante :

Démarrage d’une fonction anonyme lorsque les éléments de la page sont prêts

$(document).ready(function(){

Code JQuery;

});

Est exécuté pendant le rendu de la page et le chargement des objets.

Dans la page HTML il y aura donc plusieurs appels à la balise script, celui appelant le framework JQuery, l’autre appelant la page contenant nos propres scripts.