Com jQuery você selecionar (query) elementos HTML e executar "ações" sobre eles.
jQuery Sintaxe
A sintaxe jQuery é para aseleção de elementos HTML e executar alguma açãona tailor-made element(s) .
Sintaxe básica é: $(selector).action()
- Um $ sinal para definir / jQuery acesso
- A(selector)para "consulta (ou encontrar)" elementos HTML
- Um jQuery action () a ser executada com o element(s)
Exemplos:
$(this).hide() - esconde o elemento atual.
$("p").hide() - oculta todas <p> elementos.
$(".test").hide() - esconde todos os elementos com class="test" .
$("#test").hide() - esconde o elemento com id="test" .
Você está familiarizado com seletores CSS?
jQuery usa a sintaxe CSS para selecionar elementos. Você vai aprender mais sobre a sintaxe selector no próximo capítulo deste tutorial.
The Ready Evento Documento
Você deve ter notado que todos os métodos jQuery em nossos exemplos, estão dentro de um evento pronto documento:
$(document).ready(function(){
// jQuery methods go here...
});
Isso é para evitar qualquer código jQuery de correr antes que o documento for concluído o carregamento (está pronto).
É uma boa prática que esperar para o documento a ser totalmente carregado e pronto antes de trabalhar com ele. Isso também permite que você tenha o seu código de JavaScript antes de o corpo do seu documento, na seção principal.
Aqui estão alguns exemplos de ações que podem falhar se os métodos são executados antes que o documento está totalmente carregado:
- Tentando esconder um elemento que ainda não foi criada
- Tentando obter o tamanho de uma imagem que ainda não está carregado
Dica: A equipe jQuery também criou um método ainda mais curto para o pronto evento documento:
$(function(){
// jQuery methods go here...
});
Use a sintaxe que preferir. Pensamos que o evento pronto documento é mais fácil de entender quando a leitura do código.