// 1 jQuery(document).ready(function(){ // l'événement ready() écoute le chargement du document // "QUAND le document est PRÊT, on appelle une fonction (dans laquelle on va mettre du jQuery)." // lorsque le document est prêt, tu peux utiliser le contenu de la fonction });
// 2 $(document).ready(function(){ // lorsque le document est prêt, tu peux utiliser le contenu de la fonction });
// 3 $(function(){ // lorsque le document est prêt, tu peux utiliser le contenu de la fonction });
$(fonction(){ ⇒ attend que le DOM soit prêt !
En JS
En JQ
Exemple :
Voir les sélecteurs CSS: Sélecteurs Avancés
Différence entre jQuery 1.X et 2.X
La version 2.X ne supporte pas IE 6 , 7 et 8
Attention le code jQuery se place toujours avant la fermeture de la balise body car il faut d'abord que tout les élément code HTML soient chargés avant que jQuery puisse atteindre ses éléments.
Si on veut mettre le code jQuery avant le code HTML il faut signifier à jQuery d'atteindre les éléments HTML uniquement lorsque le document HTML soit entièrement chargé.
$(document).ready(function(){ // lorsque le document est prêt, tu peux utiliser le contenu de la fonction });
Ou de manière plus simple :
$(function(){ // lorsque le document est prêt, tu peux utiliser le contenu de la fonction });
This permet d'atteindre l'élément qui déclenche la fonction. C'est donc l'élément qui est ciblé qui va donc subir l'action de la fonction.