Video: 4. JQuery for Beginners - document.ready.function

Un problema común en la programación de javascript es que el programa javascript se ejecutará antes de que se cargue la página. Se puede acceder a los elementos HTML en una página. Esto significa que también puede acceder a cosas como imágenes, formularios y cualquier otra cosa que desee, en una página web. El problema viene cuando se intenta acceder a algo en la página antes de que el navegador ha cargado se. jQuery ofrece maneras de evitar esto.

jQuery tiene una función llamada Listo() que espera a que la página a ser, bueno, listo. No absolutamente todo está disponible (por ejemplo, las imágenes no pueden ser de carga), pero los elementos HTML están listos para ser trabajado con cuando el Listo() función se llama.

Cuando se programa con jQuery, que es típica para colocar el código dentro de la Listo() función de manera que se puede asegurar que todo el material en la página está lista para su uso en su programa. Realmente, no hay mucho que esto, así que trato de no pensar demasiado en ella.

Un ejemplo podría ayudar a ilustrar! Esta lista muestra una página HTML con javascript interior del jQuery Listo() función.

La adición de jQuery

Cuando se ve a través de un navegador, el resultado es una alerta.

Video: jQuery: How to use document.ready function ?

Este código tiene dos áreas de interés. El primero es el

Video: jQuery Tutorial - 6 - Document Ready Event

Esto incluye jQuery de CDN de Microsoft en la página.

La siguiente área de interés está dentro del , específicamente, la

Video: 1. Tutorial Jquery - Sublime, Agregar libreria

Este código llama al jQuery Listo() función, parte del objeto documento. Note la sintaxis especial con el signo de dólar y paréntesis. Esto es lo que le dice al navegador y javascript que lo que sigue va a ser jQuery, por lo que el procesamiento es entregado a jQuery. Y debido a que jQuery tiene una función llamada Listo(), se sabe qué hacer.

Tu usas ps todo el lugar con jQuery- es lo que le dice a jQuery que debe prestar atención.

En el interior de la jQuery Listo() la función hay este código:

función () {alert ("Hola") -}

Usted sabe todo acerca de las funciones ya que esto no es nada nuevo. ¿O es eso? Si se trata de una función, ¿dónde está el nombre de la función? Para la mayoría de usos de jQuery, verá una sintaxis similar a lo que se ve aquí, con una función sin nombre como éste código y luego dentro de ella.

Cuando vea esta sintaxis, función(), sin nombre, se llama una función anónima. En su mayor parte, usted no necesita saber mucho acerca de las funciones anónimas hasta que llegue mucho más profundo en la programación javascript. Por lo que estás haciendo aquí, sólo sé que esta es la sintaxis típica que se utiliza cuando se utiliza jQuery.

Dentro de la función se muestra una alerta. No hay sorpresas aquí - es la norma alerta() función que ha estado usando en todo el libro. Pero lo que está sucediendo aquí es importante: Usted está utilizando jQuery javascript junto con el interior de la misma escritura.