English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Introdução ao jQuery

O jQuery é uma biblioteca JavaScript rápida, leve e rica em funcionalidades, baseada no princípio de 'menos código, mais ações'.

O jQuery simplifica a navegação no documento HTML, o tratamento de eventos, as animações e a interação AJAX, realizando um desenvolvimento web rápido.

O objetivo do jQuery é tornar mais fácil o uso do JavaScript nos sites.

Este tutorial ajudará você a aprender as bases do jQuery, desde o básico até os tópicos avançados, com os conhecimentos mais recentes.

Exemplos do jQuery em cada capítulo

Cada capítulo deste tutorial contém muitos exemplos de prática, que você pode tentar e testar no nosso editor online para expandir seu campo de estudo. O objetivo desses exemplos é ajudar você a entender melhor o uso do jQuery.

Exemplo básico do jQuery
$("document").ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
Teste e veja‹/›

Vantagens do jQuery

Se você não está familiarizado com o jQuery, pode estar se perguntando o que torna o jQuery tão especial.

O jQuery simplifica muitos conteúdos complexos no JavaScript, como chamadas AJAX e operações DOM.

A biblioteca jQuery inclui as seguintes funcionalidades:

  • HTML / Operações DOM

  • Operações CSS

  • Tratamento de eventos

  • Efeitos e animações

  • Suporte AJAX

  • Ferramentas úteis (Utilities)

  • Plugins (Plugins)

  • Suporte entre navegadores

Informações:No JavaScript, você geralmente precisa escrever várias linhas de código para selecionar e operar elementos no documento HTML, mas com o poderoso mecanismo de seleção do jQuery, você pode percorrer a árvore DOM e selecionar elementos de maneira simples e eficaz para executar qualquer ação.

O que o jQuery pode fazer?

Você pode fazer mais com o jQuery:

  • O jQuery permite seleção fácil de elementos

  • O jQuery pode facilmente alterar o estilo (CSS) e a posição do elemento

  • O jQuery pode manipular facilmente elementos DOM e suas propriedades

  • O jQuery pode criar efeitos, como mostrar/ocultar elementos, transições de deslizamento, etc.

  • O jQuery pode criar animações CSS complexas com menos código

  • O jQuery pode facilmente navegar por toda a árvore DOM para encontrar qualquer elemento

  • O jQuery pode executar várias operações no elemento em apenas uma linha de código

  • O jQuery pode facilmente obter ou definir o tamanho do elemento HTML

A lista não termina aqui, você pode fazer muitas outras coisas interessantes com jQuery.

Nos próximos capítulos, você detalhará todos esses conteúdos.

Conhecimento Básico Necessário

Antes de começar a aprender jQuery, você deve ter os seguintes conhecimentos básicos:

Se você é um iniciante, comece com o conhecimento básico e avance gradualmente, aprendendo um pouco a cada dia.

Recomendamos que você leia este tutorial na ordem listada no menu à esquerda.

Referência do jQuery

A parte de referência fornecerá detalhes sobre o seletor, efeitos, atributos, eventos do jQuery, etc.

Ver Referência do jQuery