Nous avons beaucoup parlé des sélecteurs. Un sélecteur jQuery comme $ ("h1") sélectionnera tout
Est-ce que ça va $("h1").css("color", "red");
Mais parfois les scripts sont chargés dans la tête. Il y a toutes sortes d'excuses pour cela, la plupart du temps mauvaises, mais ne soyons pas trop jugées sans détails =).
Nous pouvons toujours résoudre le problème des éléments de non-recherche d'une manière assez satisfaisante même si nous sommes obligés de charger des scripts dans la tête. Nous le faisons via la fonction jQuery «DOM Ready». Littéralement, lorsque le document est terminé et prêt à être manipulé. Cela ressemble à ceci:
$(document).ready(function() ( ));Il existe une version plus courte qui fait exactement la même chose:
$(function() ( ));Mettre votre code dans une fonction comme celle-ci garantit qu'il ne s'exécutera pas tant que le document ne sera pas prêt. C'est en fait un morceau de code assez intelligent qui le fait, ce qui est bien sûr difficile à faire entre les navigateurs. Ce qui est cool, c'est que c'est assez rapide. Ce n'est pas la même chose que d'attendre que la fenêtre entière se charge, ce qui est lent, car il attend que toutes les ressources soient téléchargées avant de se déclencher. DOM ready arrive beaucoup plus tôt. Si vous devez attendre que les ressources soient terminées (par exemple, vous devez mesurer une image), vous pouvez attendre cela comme ceci:
$(window).load(function() ( ));En corrigeant notre précédent problème JavaScript-in-the-head avec DOM ready, le code ressemblerait à ceci:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));