Loading
carregando...

o que é e como usar o jQuery!


"Escrever menos e fazer mais" É este o lema de jQuery, uma biblioteca de funções de Javascript, de formato leve, sintaxe simples e fácil de aprender. A sua aparição remonta a Janeiro de 2006, tendo sido anunciado no BarCampNYC, sendo que até à data tem tido constantes actualizações, novos addons e melhorias. Veio ajudar a resolver problemas de incompatibilidades entre os navegadores, reduzir o tamanho de código e introduzir a reutilização de código através de plugins. Além disso, permite a implementação de recursos de CSS1, CSS2 e CSS3 e trabalha com AJAX e DOM. Neste tutorial, vou abordar os temas mais usados em jQuery, desde os selectores, à sintaxe, ou desde a integração AJAX aoCSS. Partilhe e comente deixando-nos a sua opinião sobre o tutorial!

1. ANTES DE COMEÇAR

Você deverá ter conhecimentos básicos de HTML, CSS e Javascript.

2. O QUE É JQUERY?

  • É uma biblioteca de funções Javascript
  • É uma biblioteca com o lema "Escrever menos e fazer mais"
  • Contém os seguintes recursos
    • Selecções de elementos HTML
    • Manipulação de elementos HTML
    • Manipulação CSS
    • Eventos HTML
    • Efeitos e animações Javascript
    • HTML DOM
    • AJAX

3. COMO ADICIONAR A BIBLIOTECA JQUERY

A biblioteca jQuery é guardada num ficheiro Javascript, que contém as funções jQuery. Para adicionar a uma página web, utilize o seguinte código

1
2
3

Existem 2 versões disponíveis para download, uma simplificada, e outra descomprimida, para correcção de erros ou leitura. Ambas podem ser baixadas em jQuery.com

Alternativamente, se não pretender baixar os arquivos, poderá utilizar os ficheiros alojados nos servidores da Google ou da Microsoft

Google

1
2
3

Microsoft

1
2
3

4. SINTAXE JQUERY

A sintaxe jQuery é orientada para seleccionar elementos HTML e de seguida efectuar acções nos mesmos.

A sintaxe básica é $(selectorHTML).acção()

Trocando por palavras, o simbolo $ é para definir jQuery, (selectorHTML) é onde se introduz o elemento e acção() é onde irão ser introduzidas as acções a efectuar nos elementos.

Exemplos:

1
2
3
4
5
6
7


Autor: Darc Web - Soluções web
Data: 13/05/2016 15:05:50