Depois da simples introdução a JQuery do post anterior, vamos dar continuidade a JQuery ;D

>CODE <<>

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

<!--- Importante que o arquivo jquery.js esteja sendo chamado do
local correto, nesse exemplo ele se encontra detro de uma pasta chamada
'javascript'-->


A JQuery tem uma sintace bem simples e prática
Vamos selecionar todas as tag's 'div' do nosso código:

>CODE <<>

$( "div" );


Enquanto no método tradicional seria:

>CODE <<>

document.getElementsByTagName("div");


Bom já deu pra perceber a diferença e praticidade que a JQuery te oferece.
Agora vamos dizer que nos queremos selecionar um 'div com id especifico'

>CODE <<>

$( "nome_da_id" );


Bom até aqui foi fácil.
Vamos agora aprender alguns efeitos simples

Utilizaremos 5 efeitos simples:

Esconde todos os 'p' dentro da determinada 'id'
1) $( "p" , "nome_da_id" ).hide();

Mostra todos os 'p' dentro da determinada 'id'
2) $( "p" , "nome_da_id" ).show();

Mostra todos os 'p' com efeito(lento) de alpha dentro da determinada 'id'
3) $( "p" , "nome_da_id" ).fadeIn("slow");

Esconde todos os 'p' com efeito(lento) de alpha dentro da determinada 'id'
4) $( "p" , "nome_da_id" ).fadeOut("slow");

Mostra ou Esconde todos os 'p' com efeito(lento) até o determinado alpha setado dentro da determinada 'id'
5) $( "p" , "nome_da_id" ).fadeTo("slow", 5);

Espero que gostem ;D
Próximo Post vou ensinar ultilizar esses efeitos dentro de Eventos como ".click"

Até mais ;x

Laionway.blogspot