Jquery – Introdução a biblioteca Javascript
Introdução
JQuery é uma biblioteca Javascript que tem como objetivo simplificar o tratamento javascript em uma página HTML, ou seja, tornar mais fácil o tratamento de eventos, animações, requisições Ajax... Muito utilizada no mercado devido a facilidade de uso e de extensão, onde os diversos programadores que a utilizam criam plugins para as mais variadas atividades, tais como slide de imagens, máscara para campos de formulário, tornar bordas redondas dentre outras...
Como funciona?
Para utilizar a biblioteca basta adicionar o arquivo Javascript do jQuery:
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> </script> </head> <body> <a href="http://jquery.com/">jQuery</a> </body> </html>
A última versão também pode ser encontrada em http://code.jquery.com/jquery-latest.js
Exemplo de utilização
Caso eu queira que todos os elementos que tenham a classe "dinamico" sejem ocultadas quando apertado o botão ocultar, eu teria o seguinte código dentro da função de ocultar:
$('.dinamico').hide()
ou ainda, utilizando os efeitos do jQuery:
$('.dinamico').fadeOut("slow")
Veja este exemplo funcionando:
No próximo post explicarei algumas funcionalidades do objeto jQuery e como funcionam os seletores.
Deixe um comentário |
