Présentation :

Vous programmez avec due JavaScript, donc vous savez que parfois il est très difficile et très long d'obtenir ce que l'on veut, votre code peut paraître répétitif.
L'optimisation du code pour touts les navigateurs (Firefox, Internet Explorer, Opera, Safari, Chrome etc.) est très difficile . de ce fait, il faudra adapter votre code à chacun de ces navigateurs qui fournissent des fonctions différentes pour un même usage.
On va donner comme exemple , le code permetant de récupérer le nombre en pixels de défilement vertical (la barre de défilement à droite) de la page web :

Function Def_Vertical(){
if ( typeof( window.pageYOffset ) == 'number'){
// Netscape
return window.pageYOffset;
} else if( document.body && (document.body.scrollTop) || navigator.appName=="Microsoft Internet Explorer")
return document.body.scrollTop;
} else if ( document.documentElement && (document.documentElement.scrollTop) ) {
// Internet Explorer 6
return document.documentElement.scrollTop;
}
}

jQuery est une bibliothèque JavaScript libre, avec une syntaxe très simple , AJAX via Jquery est facile a utiliser, permettant de faire des animations, et qui a une communauté très active, et contenant plusieurs plugins pour plus d'astuces et effets.

Regardez maintenant la version jQuery du code javascript précédent :

Function Def_Vertical(){
return $(document).scrollTop();
}

et oui.....vous n'avez rien vu....vous pouvez débuter avec l'installation de Jquery.
Vous pouvez télécharger jQuery sur le site officiel.