Sintaxe jQuery

Através do jQuery, você pode selecionar (pesquisar, query) elementos HTML e executar "ações" (ações) neles.

Exemplo de sintaxe do jQuery

$(this).hide()
Demonstração da função hide() do jQuery, ocultando o elemento HTML atual
$("#test").hide()
Demonstração da função hide() do jQuery, ocultando o elemento com id="test"
$("p").hide()
Demonstração da função hide() do jQuery, ocultando todos os elementos <p>
$(".test").hide()
Demonstração da função hide() do jQuery, ocultando todos os elementos com class="test"

Sintaxe jQuery

A sintaxe do jQuery é projetada para seleção de elementos HTML, permitindo que operações sejam executadas neles.

A sintaxe básica é:$(selector).action()

  • O símbolo $ define o jQuery
  • O seletor (selector) "pesquisa" e "encontra" elementos HTML
  • A função action() do jQuery executa operações em elementos

Exemplo

$(this).hide() - Oculta o elemento atual

$("p").hide() - Oculta todos os parágrafos

$(".test").hide() - Oculta todos os elementos com class="test"

$("#test").hide() - Oculta todos os elementos com id="test"

Dica:A sintaxe usada pelo jQuery é uma combinação de XPath e selector de seletor CSS. Nos próximos capítulos deste tutorial, você aprenderá mais sobre a sintaxe dos seletores.

Função de documento pronto

Você talvez tenha notado que em todos os nossos exemplos, todas as funções jQuery estão dentro de uma função document ready:

$(document).ready(function(){
  // Funções jQuery aqui
});

Isso é para evitar que o código jQuery seja executado antes de o documento estar completamente carregado (pronto).

Se a função for executada antes de que o documento esteja completamente carregado, a operação pode falhar. Abaixo estão dois exemplos específicos:

  • Tentando ocultar um elemento inexistente
  • Obter o tamanho da imagem não completamente carregada