Drupal et jQuery. Leçon 2. Sélecteurs, effets.
Dans cette leçon, nous allons étudier les sélecteurs jQuery et les effets jQuery.
Sélecteurs
Parmi les sélecteurs, nous utiliserons le plus souvent les classes et les identifiants (id). Les sélecteurs correspondent souvent à ceux du CSS, donc si vous savez écrire des sélecteurs en CSS, vous savez les écrire en jQuery. Voici comment sélectionner une classe :
$('.class')
Voici comment sélectionner un id :
$('#id')
Effets
jQuery propose de nombreux effets : hide/show (cache depuis le coin inférieur droit), slideUp/slideDown (la direction du glissement est choisissable), fadeOut/fadeIn (modification progressive de la transparence).
$('.class').hide(1000);
$('.class').fadeOut(1000);
$('.class').slideUp(1000);
Dans cette leçon, nous avons aussi utilisé la fonction setTimeout. C’est une fonction JavaScript qui retarde l’exécution du code :
setTimeout(function(){
// code ici
}, 1000);
Le premier paramètre de setTimeout est une fonction dans laquelle on place le code à exécuter, le second paramètre est le temps de délai en millisecondes avant l’exécution.