jQuery: Primeiros Passos

jQuery é uma biblioteca javascript que simplifica a programação. Seu projeto foi iniciado em 2005 por John Resig.
Para iniciar os estudos com jQuery é necessário ter conhecimentos básicos de HTML, CSS e Javascript.

Obtendo o jQuery

Faça download da biblioteca jQuery no site jquery.com.
Existem 2 formatos disponíveis para download: minified (produção) e uncompressed (debug/desenvolvimento).

A biblioteca jQuery pode ser adicionada a uma página web através de uma única linha de marcação HTML.

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

Resolvendo conflitos com outras bibliotecas javascript

O jQuery usa o sinal de $ como atalho para jQuery, o que pode gerar conflito com outras bibliotecas javascript que também usam o cifrão em suas funções. Para resolver esse problema utilize o método noConflict().

Quando você chama o jQuery.noConflict(), ele faz com que o controle da variável $ volte para quem a implementou primeiro. Depois de liberar a variável $, você só será capaz de acessar a jQuery com a variável jQuery. Pro exemplo, nos pontos em que costumava usa $(“seletor”), utiliza-se jQuery (“seletor”).

Sintaxe

O jQuery é feito sob medida para selecionar elementos HTML e aplicar ações sobre ele.

Segue um exemplo de sintaxe básica:

$(seletor).acao()

Onde utiliza-se:

• O sinal de dollar “$” abrevia jQuery.
• Um “seletor” é uma identificação que serve para procurar elementos HTML
• Uma “acao” é aplicada ao elemento selecionado.

Observe alguns exemplos:

Ocultando elementos de uma página

$("seletor").hide()

Ocultando todos os parágrafos

$("p").hide()

Ocultando todos os parágrafos com a classe “teste”.

$("p.teste").hide()

Ocultando todos os elementos com o id “teste”.

$("#teste").hide()

Ocultando o elemento corrente.

$(this).hide()

Obs: Consultem a documentação do jQuery, realizem testes, participem de fóruns de discussão, com a prática diária você ganhará experiência com javascript.

Tags: desenvolvimento web, jQuery