Hemos hablado bastante sobre selectores. Un selector de jQuery como $ ("h1") seleccionará todo
Será eso $("h1").css("color", "red");
Pero a veces se cargan guiones en la cabeza. Hay todo tipo de excusas para ello, la mayoría malas, pero no juzguemos demasiado sin detalles =).
Todavía podemos solucionar el problema de no encontrar elementos de una manera bastante satisfactoria incluso si nos vemos obligados a cargar scripts en la cabeza. Lo hacemos a través de la función jQuery “DOM Ready”. Literalmente, cuando el documento esté listo y listo para ser manipulado. Se parece a esto:
$(document).ready(function() ( ));Hay una versión más corta que hace exactamente lo mismo:
$(function() ( ));Poner su código dentro de una función como esa asegura que no se ejecutará hasta que el documento esté listo. En realidad, es un código bastante inteligente el que lo hace, lo que, por supuesto, es difícil de hacer en varios navegadores. Lo bueno de esto es que es bastante rápido. No es lo mismo que esperar a que se cargue toda la ventana, que es lento, porque espera a que se descarguen todos los recursos antes de disparar. DOM ready sucede mucho antes. Si necesita esperar a que se completen los recursos (por ejemplo, necesita medir una imagen), puede esperar de esta manera:
$(window).load(function() ( ));Al solucionar nuestro problema anterior de JavaScript en la cabeza con DOM listo, el código se vería así:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));