Jquery – O que é e como funciona ?

Compartilhamentos

No artigo de hoje iremos ver os conceitos relacionados à biblioteca Jquery e como utiliza-la em seus projetos.

Jquery é uma biblioteca Java script criada por Jonh Resig e disponibilizada como software livre e aberto, ou seja,  de emprego  e uso regido segundo licença conforme as regras estabelecidas pelo MIT ( Massachusetts Institute of  Technology ) e pelo GPL ( GNU General Public  License ). Isto, resumidamente, significa que você pode usar  a biblioteca gratuitamente tanto para desenvolver projetos pessoais como comerciais.

Jonh em um de seus livros fez o seguinte comentário:

O foco do Jquery é a simplicidade. Por que submeter os desenvolvedores  ao martírio de escrever longos e complexos códigos para criar simples efeitos?  

O que Jonh quis dizer com essas palavras?

 

O que o Jonh quis dizer com essas palavras de pura inspiração foi que, nós programadores não precisamos ser experts no Java script para poder começar a programar com jquery. E isso é um fato concreto, pois o Jquery foi criado sobre o mantra do “Write Less, do more“, ou seja, “Escreva menos, Faça mais“.

Como Jonh já havia dito, o Jquery é o sinônimo de simplicidade, Ou seja, coisas que antes precisava de 300 linhas de código Java script, hoje basicamente são feitas com menos de cinco linhas de código Jquery.

Para que serve o Jquery?

 

O Jquery destina-se a adicionar interatividade e dinamismo às páginas web, proporcionando ao desenvolvedor funcionalidades necessárias à criação de scripts que visem a incrementar, de forma progressiva e não obstrutiva, a usabilidade, a acessibilidade e o design, enriquecendo  a experiência do usuário.

Use Jquery em suas páginas para:

RECEBA NOSSO CURSO GRATUITO

Insira seu e-mail abaixo para garantir acesso grátis ao nosso curso de HTML em 30 dias!

  • Adicionar efeitos visuais e animações;
  • Acessar e manipular o DOM;
  • Buscar informações no servidor sem necessidade de recarregar a página ( Ajax );
  • Prover interatividade;
  • Alterar conteúdos;
  • Modificar apresentação  e estilização;
  • Simplificar tarefas especificas de Java script;
  • Realizar outras tarefas relacionadas às descritas.

Como instalar e utilizar o Jquery?

 

Para fazer uso da biblioteca Jquery, você terá que baixar a versão mais atual da biblioteca e instalar em sua página web. Como o Jquery  nada mais é do que um arquivo Java script você deverá somente linkar esse arquivo no cabeçalho da sua página Html, ou seja, antes do fechamento da tag </head>. Veja o exemplo logo abaixo:

<html>

<title>Inserindo Jquery no meu site</title>

<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>

<body>
</body>
</html>

Nosso primeiro exemplo com Jquery

 

Bem, existem inúmeros efeitos que podem ser feitos com jquery, um deles é a exibição de uma mensagem  no navegador através de uma popup que é aberta logo após o clique de um botão, vamos à prática e mostrar como fazemos esse efeito:

<html>

<title>Efeito de clique com Jquery</title>

<head>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#clicar").click(function() {

alert('Seja bem vindo');

});

});

</script>
</head>

<body>
  <button id="clicar">Clique aqui</button>
</body>

</html>

Veja que utilizamos o “id” clicar  para referenciar o botão ao qual deve ser aderido o efeito. Então na hora que você clicar no botão será aberto uma popup com a mensagem “Seja bem vindo”.

Sintaxe:

  • $() -> Utilizado em todas as funções que devem ser referenciadas ao Jquery;
  • document -> Expressão que determina o documento html atual;
  • ready -> Associa-se a leitura do documento enquanto está sendo carregado;
  • function{} -> dentro das chaves {}, colocar os comandos javascript ou jQuery que serão responsáveis pelo efeito citado no exemplo acima;
  • click() -> Evento javascript que é executado quando clicar-se no elemento que possui o id “clicar” ;
  • alert() -> Evento responsável de mostrar na tela do navegador a mensagem “Seja bem vindo”.

Conclusão

 

Como puderam observar durante todo o artigo, Jquery suspira simplicidade, e o seu aprendizado é bastante fácil. Os conselhos que deixo para quem está começando agora é estudar e focar primeiramente no javascript para posteriormente dar inicio ao Jquery, assim, você se sentirá mais preparado e começará da maneira correta. Logo abaixo deixo o link para download da biblioteca.

Baixar última versão do jquery

Sobre o Autor Wilker Costa

Estudante de computação e apaixonado por empreendedorismo. Desde cedo buscando sempre inovar e trazer as melhores soluções para seus clientes. Escreve regularmente sobre marketing digital e acredita que esse é o caminho para a liberdade financeira e para a construção de uma sociedade mais empreendedora!

Siga-me::
>

Que Tal Aprender a  criar um blog igual a esse?