Índice

Iniciar un script jQuery

Una vez que el framework se ha configurado y está preparado para utilizarse, es preciso, antes que nada, adquirir algunas nociones teóricas.

Todas las instrucciones o, para ser más precisos, todos los scripts jQuery, se articulan alrededor de un modelo único. Este es:

jQuery(function(){ 
    //contenido que se ejecuta cuando se carga el documento 
});

Para ahorrar pulsaciones del teclado, se utiliza casi siempre el signo dólar ($), que funciona como un 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() { 
    // código jQuery 
}); 
</script>

Es decir, crear un objeto jQuery ($) a partir del documento (document), cuando esté preparado (ready).

La particularidad de esta función es que carga los elementos del DOM tan pronto como estén disponibles, es decir, antes de la carga completa de la página.

Esta función de jQuery lo diferencia del JavaScript clásico. Por ejemplo, este usa el clásico window.onload = function(), que espera a que la página y todos los elementos que contiene estén completamente cargados. Esto puede ser muy largo, especialmente cuando hay imágenes con un tamaño importante. Es una particularidad esencial de jQuery que se basa, recordemos, de manera nativa ...