Começando com a $(JQUERY)
ESCREVA MENOS, FAÇA MAIS
Este guia é uma introdução à biblioteca jQuery. Ter um conhecimento sobre javascript e modelo de objeto de documento (DOM) são requisitos necessários. Ele começa do básico e tenta explicar os detalhes quando necessário. Ele abordará um exemplo simples alô mundo, seletores e eventos básicos, AJAX, efeitos e o desenvolvimento de plugins.
Este guia não contém exemplos “prontos para clicar”. A intenção de prover apenas os “códigos para copiar” é um convite para que você mesmo faça os testes. Copie um exemplo, veja o que ele faz, e modifique-o.
Configuração
Para começar, nós precisamos de uma cópia da bliblioteca jQuery. Ainda que a versão mais recente possa ser encontrada aqui, este guia fornece um pacote básico que você poderá baixar.
Faça o download deste arquivo e extraia o seu conteúdo. Abra o starterkit.html e o custom.js com o seu editor preferido e o starterkit.html com o navegador.
Agora nós temos tudo o que precisamos para inciar o notório exemplo do “Alô mundo”.
Links interessantes para este capítulo:
Olá jQuery
Como quase tudo o que fazemos quando estamos utilizando o jQuery lê ou manipula um modelo de objeto de documento (DOM), precisamos nos certificar que começamos adicionado eventos etc tão logo o DOM esteja pronto.
Para fazer isso, nós registramos o evento ready (pronto) para o documento.
$(document).ready(function() {
// faça alguma coisa quando o DOM estiver pronto
});
Colocar um alert nesta função não faz muito sentido, pois o alert não requer que o DOM esteja carregado. Então vamos tentar algo mais sofisticado: Mostrar um alert quando clicarmos o link.
$(document).ready(function() {
$("a").click(function() {
alert("Olá mundo!");
});
});
Dessa forma o alert será exibido assim que você clicar no link.
Tags: $(JQUERY)
You can comment below, or link to this permanent URL from your own site.