1.3. El retraso de la ejecución de JavaScript “ready” con Jquery
Un archivo JavaScript que se hace referencia en la sección
de cabecera del archivo HTML se ejecuta tan pronto como el navegador encuentra
la línea de la escritura, pero no hay elementos HTML a los que los estilos
pueden aplicarse (porque el archivo JavaScript se hace referencia en la sección
de la cabeza <head>, y elementos HTML se encuentran en la sección del
cuerpo <body> y puede que los elementos no se hallan cargado aun cuando
el JavaScript ya finalizo su carga). Por
lo tanto, tenemos que retrasar la ejecución del código JavaScript mientras se
cargue el DOM.
El método utilizado para informarnos cuando el DOM está
listo es $ (document).ready (). Este método ejecuta la llamada a la función
(escrito como argumento) cuando el DOM está cargado y listo:
$ (document) .ready (function () {
$ ('p'). addClass ('highlight');
});
¿Cómo funciona?
Utilizamos la palabra clave function (sin el nombre de la
función) y definimos el cuerpo de la función se va a utilizar cuando el DOM se
ha cargado. El cuerpo de la función se utiliza como argumento para el método
por la sencilla razón de que queremos que la función que se ejecuta
inmediatamente, pero sólo una vez. No queremos que sea utilizado de nuevo. En
otras palabras, $ (document).ready () registra un evento listo para el
documento.
Los $ ('p') una solución anterior es un selector que tiene
acceso a los elementos de párrafo del HTML , y para aquellos elementos del
método addClass () se aplicará la clase CSS especificada.
1.3. El retraso de la ejecución de JavaScript “ready” con Jquery
Reviewed by Unknown
on
9:09
Rating:
No hay comentarios: