Anda di halaman 1dari 2

Iniciar un script jQuery

Una vez que el framework se ha configurado y est preparado para utilizarse, es preciso, antes que
nada, examinar algunas nociones tericas.
Todas las instrucciones o, para ser ms precisos, todos los scripts jQuery, se articulan alrededor de
un modelo nico. ste es:
jQuery(function(){
//contenido que se ejecuta cuando se carga el documento
});
Para ahorrar pulsaciones del teclado, se utiliza casi siempre el signo dlar ($), que funciona como alias
de jQuery.
$(function(){
//contenido externo que se ejecuta cuando se cargue el documento
});
Haciendo referencia a este modelo, todo script jQuery empieza por:
<script>
$(document).ready(function() {
// cdigo jQuery
});
</script>
Es decir, crear un objeto jQuery ($) a partir del documento (document), cuando est preparado
(ready).
La particularidad de esta funcin es que carga los elementos del DOM tan pronto como estn
disponibles, es decir, antes de la carga completa de la pgina.
Esta funcin de jQuery le diferencia del JavaScript clsico. Por ejemplo, ste usa el
clsico window.onload = function(), que espera a que la pgina y todos los elementos que
contiene estn completamente cargados. Esto puede ser muy largo, especialmente cuando hay
imgenes con un tamao importante. Es una particularidad esencial de jQuery que se basa,
recordemos, de manera nativa en los elementos del DOM.
Este modo de funcionamiento presenta muchas ventajas:
Todos los elementos de la pgina estn incluidos en un objeto que los selectores, los mtodos
y las funciones de jQuery pueden manejar.
El cdigo Html est desprovisto de cualquier mencin JavaScript, como por ejemplo las
notaciones
<a
href="javascript:void(0);">enlace
</a>.
Todo
el
cdigo
JavaScript/jQuery se sita en una parte separada de la pgina Html (entre las
etiquetas <head>...</h
ead>) o en un archivo js externo, lo que respeta completamente el
principio de separacin del contenido y de la presentacin.
Con $(document).ready(), los elementos de la pgina estn a disposicin del desarrollador, antes
de la carga completa y su visualizacin. Esto es muy prctico para activar los efectos del navegador
de aparicin o desaparicin de la pgina.
En la Web se encuentran scripts jQuery que comienzan con la escritura abreviada:
$(function () {
// cdigo jQuery
});
A lo largo del libro, vamos a adoptar la instruccin $(document).ready(), ms acadmica y
expresiva.

El signo $ tambin es usado por otros frameworks, como por ejemplo Prototype. El
mtodo jquery.noconflict (ver el captulo Algunas utilidades - Evitar los conflictos) permite
evitar los conflictos en la llamada del alias $ con otra librera que tambin use esta nomenclatura
para una de sus funciones.

Anda mungkin juga menyukai