Initier un script jQuery

Le framework mis en place et prêt à être utilisé, il faut au préalable acquérir quelques notions théoriques.

Toutes les instructions ou, pour être plus précis, tous les scripts jQuery s’articulent autour d’un modèle unique. Soit :

jQuery(function(){ 
   //contenu exécuté lorsque le document sera chargé 
});
 

Pour économiser des frappes de clavier, le signe dollar ($) qui fonctionne comme un alias de jQuery est presque toujours utilisé.

$(function(){ 
   //contenu exécuté lorsque le document sera chargé 
});
 

Se référant à ce modèle, tout script jQuery commence par :

<script  
$(document).ready(function() { 
   // code jQuery 
}); 
</script>
 

Soit, selon une restitution assez libre, créer un objet jQuery ($) à partir du document (document) quand celui-ci est prêt (ready).

La particularité de cette fonction est de charger les éléments du DOM dès que ceux-ci sont disponibles, soit bien avant le chargement complet de la page.

Cette fonction de jQuery le différencie du JavaScript classique. Celui-ci utilise, par exemple, le classique window.onload = function() qui attend que la page et tous les éléments qu’elle contient soient complètement chargés. Ceci peut être très long, spécialement lorsqu’il...