Já conversamos muito sobre seletores. Um seletor jQuery como $ (“h1”) irá selecionar todos
Será que $("h1").css("color", "red");
Mas às vezes os scripts são carregados na cabeça. Existem todos os tipos de desculpas para isso, a maioria ruim, mas ei, não vamos julgar muito sem detalhes =).
Ainda podemos corrigir o problema de não encontrar elementos de uma maneira bastante satisfatória, mesmo se formos forçados a carregar scripts na cabeça. Fazemos isso através da função jQuery “DOM Ready”. Literalmente, quando o documento está pronto e pronto para ser manipulado. Se parece com isso:
$(document).ready(function() ( ));Existe uma versão mais curta que faz exatamente a mesma coisa:
$(function() ( ));Colocar seu código dentro de uma função como essa garante que ele não será executado até que o documento esteja pronto. Na verdade, é um código bastante inteligente que faz isso, o que é difícil de fazer em vários navegadores. O que é legal nisso é que é muito rápido. Não é o mesmo que esperar que a janela inteira carregue, o que é lento, porque espera que todos os recursos sejam baixados antes de disparar. DOM pronto acontece muito mais cedo. Se você precisa esperar que os recursos sejam feitos (por exemplo, você precisa medir uma imagem), você pode esperar por isso desta forma:
$(window).load(function() ( ));Corrigindo nosso problema anterior de JavaScript na cabeça com o DOM pronto, o código ficaria assim:
Learning jQuery $(function() ( $("h1").css("color", "red"); ));