linguagem em estilo com jquery

Usando Funções para Selecionar Elementos HTML
Agora que você sabe mais sobre o funcionamento das funções, você entende que quando temos algo como
$(document).ready(function() { $('div').hide();
});
estamos passando para .ready() uma função (que não recebe nenhum parâmetro; e por isso () é vazio) e que o trabalho da função .hide() é ocultar o objeto jQuery div.
Instruções
Passe uma função function(){} como parâmetro para .ready(). Dentro das chaves {} de sua função, faça uma chamada fadeIn('slow') no div (atualmente invisível) para torná-lo visível. É isso mesmo, também há uma função fade in (contrária à fade away) que faz as coisas aparecerem!
$(document).ready(function(){
$('div').fadeIn('slow'); });

Selecionando por Classe
Não precisamos nos limitar a selecionar elementos HTML como <p> e <div>; essencialmente, podemos colocar qualquer seletor CSS entre aspas e passá-lo para $(). Isso significa que podemos selecionar classes também!
Lembre-se que podemos selecionar classes em CSS usando um ponto (.). Se temos class="red" em HTML, podemos selecioná-la em CSS com .red. Em jQuery, tudo o que precisamos fazer é colocar '.red' entre aspas, e podemos passá-lo para $() para criar um objeto jQuery.
Instruções
Vamos praticar um pouco com a ação .click().
Termine o código jQuery para que todos os quatro divs da classe '.vanish' esmaeçam devagar quando o botão for clicado.
$(document).ready(function() { $('button').click(function() { $('.vanish').fadeOut('slow'); });
});

Selecionando por ID
Se podemos selecionar por classe, significa que também podemos selecionar por ID. Fazemos isso colocando o nome do ID (entre aspas) dentro de $(). Assim como precisamos do . para classes, precisamos do # para IDs. Poderíamos selecionar id="header" assim:
$('#header');
O ponto e vírgula no final é importante — é assim que a jQuery sabe que terminamos de dar um comando. Por enquanto, uma boa regra a seguir é colocar ponto e vírgula ao final de qualquer linha