Sintaxe do jQuery

A sintaxe do jQuery é feita usando elementos HTMLSeletoresrealizada, e executa algumasOperação.

Sintaxe básica do jQuery:

$(selector).action()

• $ define o jQuery

• (selector) usado para encontrar elementos HTML

• action() usado para executar operações em elementos

Exemplo:

$("this").hide(): usado para ocultar o elemento atual

$("p").hide(): usado para ocultar todos<p>Elemento

$(".para").hide(): usado para ocultar todos os elementos com class="para"

$("#para").hide(): usado para ocultar o elemento com id="para"

O jQuery usa a sintaxe CSS para selecionar elementos. No próximo capítulo, você vai aprender mais sobre os seletores jQuery.

Evento de documento pronto

Você pode ter notado que todos os métodos jQuery do nosso exemplo estão no evento document.ready:

$(document).ready(function() {}}
　　//　Métodos do jQuery (executados quando o DOM estiver pronto)
　　
　　});

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

A prática correta é esperar que o documento esteja completamente carregado e pronto antes de usá-lo.

Isso também permite que você obtenha código JavaScript no início do corpo do documento.

Se o método for executado antes de que o documento esteja completamente carregado, aqui estão alguns exemplos de operações que falharam:

• Tente selecionar um elemento ainda não criado

• Tente obter o tamanho de uma imagem ainda não carregada

O jQuery também fornece um método mais curto para o evento document.ready:

$(function() {
　　//　Métodos do jQuery, com o mesmo efeito que a escrita acima
　　});

Entenda melhor o código ao usar $(document).ready().

Atenção:Este $(document).ready() é um evento, usado para manipular a página de maneira segura com jQuery (o código neste evento é executado apenas após o DOM estar pronto).