Comment intégrer l'jquery prêt () fonction

Un problème commun lors de la programmation javascript est que le programme javascript sera exécuté avant la page est chargée. Vous pouvez accéder aux éléments de HTML sur une page. Cela signifie que vous pouvez également accéder à des choses comme des images, des formes, et tout ce que vous voulez, sur une page Web. Le problème vient quand vous essayez d'accéder à quelque chose sur la page avant que le navigateur est-il chargé. jQuery offre façons de contourner cela.

jQuery a une fonction appelée prêt () qui attend la page d'être, ainsi, prêt. Pas tout à fait, tout est disponible (par exemple, certaines images peuvent encore être chargement), mais les éléments HTML sont prêts à être travaillé avec lorsque le prêt () fonction est appelée.

Lorsque vous programmez avec jQuery, il est typique de déposer votre code à l'intérieur de la prêt () fonction de sorte que vous pouvez vous assurer que tous les trucs sur la page est prête pour vous d'utiliser dans votre programme. Vraiment, il n'y a pas grand chose à cela, alors essayez de ne pas overthink il.

Un exemple serait aider à illustrer! Cette annonce montre une page HTML avec javascript intérieur du jQuery prêt () fonction.

jQuery

Ajout de jQuery

Lorsqu'on regarde à travers un navigateur, le résultat est une alerte.

image0.jpg


Ce code a deux domaines d'intérêt. Le premier est le élément lui-même:

Cela inclut jQuery du CDN de Microsoft dans la page.

La prochaine zone d'intérêt est dans le , Plus précisément, la dans le corps:

Ce code appelle la jQuery prêt () fonction, une partie de l'objet document. Remarquez la syntaxe spéciale avec le signe du dollar et de parenthèses. Voici ce que dit le navigateur et javascript que ce qui suit va être jQuery, si le traitement est remis à jQuery. Et parce que jQuery a une fonction appelée prêt (), il sait quoi faire.

Tu utilises $ () partout avec jQuery- il est dit ce que jQuery qu'il doit prêter attention.

A l'intérieur de l'jQuery prêt () fonction il ya ce code:

function () {alert ("salut") -}

Vous savez tout sur les fonctions déjà si ce ne sont pas quelque chose de nouveau. Ou est-ce? Si cela est une fonction, où est le nom de la fonction? Pour la plupart des utilisations de jQuery, vous verrez une syntaxe semblable à ce que vous voyez ici, avec une fonction sans nom comme celui-ci, puis le code à l'intérieur.

Quand vous voyez cette syntaxe, function (), sans nom, elle est appelée une fonction anonyme. Pour la plupart, vous ne devez en savoir beaucoup sur les fonctions anonymes jusqu'à ce que vous obtenez beaucoup plus profond dans la programmation javascript. Pour ce que vous faites ici, il suffit de savoir que ceci est la syntaxe typique que vous utilisez lorsque vous utilisez jQuery.

Dans la fonction une alerte est affichée. Pas de surprise ici - il est la norme alert () la fonction que vous avez utilisé tout au long du livre. Mais ce qui se passe ici est important: Vous utilisez jQuery avec javascript intérieur du même script.


» » » » Comment intégrer l'jquery prêt () fonction