Reescrevi aquele validador de formulários usando jQuery. O resultado: 20 linhas a menos, três funções transformadas em uma e um código muito mais simples. Os ninjas estão certos. jQuery é muito bom, é aquele tipo de coisa que você olha e diz: porque eu não pensei nisso antes? A partir de hoje jQuery é o framework javascript padrão para projetos da Visie.

Quer ter um gostinho do que é o negócio? Bom, para começar, com jQuery você encontra os elementos DOM usando seletores CSS ou XPath. Por exemplo, para pegar todos os links de uma página, você faz:

$("a")

E para pegar todos os links com a classe externo dentro do div “menu”:

$("#menu a.externo")

Agora vamos pegar todos os campos de texto dentro do primeiro formulário da página:

$("form:first input[@type=text]")

Não é legal? O objeto retornado é uma coleção de elementos HTML. Essa coleção tem métodos próprios, que executam ações em todos os objetos da coleção. Por exemplo, para colocar uma classe nos campos de texto do primeiro formulário, podemos fazer:

$("form:first input[@type=text]").addClass("obrigatorio")

Outro ponto interessante é que as funções que agem sobre a coleção retornam a própria coleção. Então vocẽ pode chamar outro método em seguida. Assim:

$("form:first input[@type=text]").addClass("obrigatorio").removeClass("opcional")

O pessoal da jQuery prefere, e eu também, quebrar essa instrução em várias linhas:

$("form:first input[@type=text]")
  .addClass("obrigatorio")
  .removeClass("opcional")

Só para deixar você com mais vontade, veja como fazer com que todas as li ganhem uma determinada classe ao passar o mouse sobre elas, e percam essa classe quando o mouse sair:

$("li").hover(
  function(){
    $(this).addClass("over")
  },
  function(){
    $(this).removeClass("over")
  }
)