Cómo incorporar el jQuery ready () función

categoría Computadoras y software / Programación / Javascript

Un problema común en la programación de javascript es que el programa de 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 quieras, en una página web. El problema viene cuando se intenta acceder a algo en la página antes de que el navegador lo tiene cargado. jQuery ofrece maneras de evitar esto.

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

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

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

jQuery
Adición de jQuery

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

imagen0.jpg

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

Esto incluye jQuery partir de Microsoft CDN en la página.
La siguiente área de interés es en el , específicamente, la  dentro del cuerpo:
Este código llama al jQuery Listo() función, parte del objeto documento. Observe 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 tratamiento sea entregado a jQuery. Y debido a que jQuery tiene una función llamada Listo(), que sabe qué hacer.
Tu usas $ () todo el lugar con jQuery- es lo que dice jQuery que debe prestar atención.
Dentro del jQuery Listo() función hay este código:
function () {alert ("hola") -}
Usted sabe todo acerca de 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 los usos de jQuery, verás sintaxis similar a lo que se ve aquí, con una función sin nombre como éste y luego el código dentro de ella.
Cuando vea esta sintaxis, función (), sin nombre, se llama un función anónima. En su mayor parte, usted no necesita saber mucho acerca de 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 a lo largo del libro. Pero lo que está sucediendo aquí es importante: Usted está utilizando jQuery junto con javascript interior del mismo guión.


   
	 	 
 
 
 
 
 
Artículos Relacionados
 
  

 
 
Sobre el autor
 
  Cómo cargar jQuery de cdn Google para utilizar con javascript Cómo cargar jQuery de cdn Google para utilizar con javascript  
Muchos desarrolladores web utilizan varias bibliotecas, como Google Red de Distribución de Contenido (CDN), al crear una aplicación de javascript, ya que cada biblioteca tiene algo especial que ofrecer. Cada referencia a una fuente externa de…
  Cómo usar ajax y jQuery para su inclusión en el cliente de su sitio HTML5 y CSS3 Cómo usar ajax y jQuery para su inclusión en el cliente de su sitio HTML5 y CSS3  
AJAX le puede dar los mismos efectos para su HTML5 y CSS3 que incluye el lado del servidor (SSI) hace. La página se verá exactamente lo mismo, pero un método completamente diferente se utiliza para lograr su objetivo.csAJAX.html
  Los métodos comunes de nodo jQuery Los métodos comunes de nodo jQuery  
La librería jQuery convierte objetos DOM en poderosos nodos jQuery. La siguiente tabla muestra algunos de los métodos más utilizados del nodo jQuery.MétodoDescripciónaddClass (), removeClass (), toggleClass ()Aplica o quita una clase CSS a un…
  Cómo agregar HTML a una página con jQuery Cómo agregar HTML a una página con jQuery  
jQuery se puede utilizar para agregar HTML a una página. Usted puede agregar todo tipo de HTML, imágenes, casi cualquier cosa, y cambiar por completo el diseño de la página usando jQuery. Si lo hace, no es realmente una buena idea, ya que puede…
  Cómo agregar jQuery a una página Cómo agregar jQuery a una página  
Una vez que haya descargado o jQuery sabe dónde encontrar la versión hospedada-CDN, es necesario hacer referencia a él en su página. jQuery es como cualquier archivo externo javascript.Añadir jQuery local para una páginaDescargar jQuery y…
  Cómo cambiar los elementos HTML con jQuery Cómo cambiar los elementos HTML con jQuery  
WThere son algunas maneras de cambiar ya elementos HTML existentes con jQuery, dependiendo de lo que desee cambiar. Por ejemplo, digamos que usted quiere cambiar el texto de los elementos de la página que acaba de trabajar en.En lugar de tener cada…
  Cómo crear una página para móviles dispuestos en Dreamweaver Cómo crear una página para móviles dispuestos en Dreamweaver  
Páginas jQuery Mobile Starter de Dreamweaver son una buena manera de generar rápidamente un sitio móvil fácil. La página móvil de arranque crea una página HTML5 con cinco ficha páginas prediseñadas jQuery Mobile, o secciones de la página…
  Cómo instalar jQuery Cómo instalar jQuery  
Hay dos formas de usar jQuery, ya sean descargados de forma local o en una red de entrega de contenido (CDN). La copia local es sólo eso, un archivo que se encuentra dentro de la raíz del documento en el disco duro de su servidor. Una versión…
  Cómo seleccionar elementos con jQuery Cómo seleccionar elementos con jQuery  
ost de lo que va a hacer en jQuery sucede a través de selectores. Por ejemplo, podrás frecuencia selecciona una pieza de una página web y luego tener jQuery realizar una acción en ese pedazo de la página. Esa acción podría ser cualquier cosa…
  Recursos jquery Online Recursos jquery Online  
A medida que adquiera experiencia con jQuery, es probable que tenga preguntas acerca de las técnicas más avanzadas jQuery. Y después de utilizar jQuery plug-ins, podrás enganchado y quiere conseguir más. jQuery.com ofrece una gran cantidad de…
  Cómo detectar el tipo de navegador del usuario en css3 Cómo detectar el tipo de navegador del usuario en css3  
En la mayoría de los casos, los desarrolladores no pueden elegir el navegador del usuario. Para determinar si un determinado usuario puede trabajar con su aplicación CSS3, a continuación, es necesario primero para detectar el navegador del…
  Cómo realizar transformaciones jquery para sitios css3 Cómo realizar transformaciones jquery para sitios css3  
Es posible utilizar jQuery para realizar transformaciones y estas transformaciones son a menudo más potente, pero fácil de usar, que las transformaciones CSS3 nativos. Sin embargo, a fin de obtener esta funcionalidad, debe descargar un jQuery…
 
 »  »  »  » Cómo incorporar el jQuery ready () función