Twitter

Follow me: prifigueredo

jQuery – Guia de Referência

Outubro 28, 2009 11:11 am | Categorias: Tecnologia | Tags: ,

Para quem está estudando jQuery, assim como eu, achei um guia de referência para o jQuery. É um aplicativo em Adobe AIR, que você instala na sua máquina, mas antes tem de instalar o Adobe AIR.

O link para baixar o aplicativo

Estou gostando mais de fazer os scripts usando o jQuery, do que fazendo com o Javascript, pois algumas funções, por exemplo de pegar o class no Javascript é mais complicado, e no jQuery é muito simples. Vou colocar um exemplo de como o Jquery facilita a vida, segue uma função usando o Javascript para aumentar e diminuir a fonte do texto clicando num botão ( A+ A- ).

var tam = 12;
function mudaFonte( tipo ){
  if( tipo == 'mais' ){
    if( tam < 18 ) tam += 2 ;
  }else{
    if( tam > 9 ) tam -= 2 ;
  }
  if( document.getElementById( 'mudaFonte' ) )
    mudaFonteRecursiva( tipo , document.getElementById( 'mudaFonte' ) ) ;
}
function mudaFonteRecursiva( tipo , domElement ){
  for( var i = 0 ; i < domElement.childNodes.length ; i++ ){
    mudaFonteRecursiva( tipo , domElement.childNodes.item( i ) ) ;
  }
  if( domElement.style )
    domElement.style.fontSize = tam+'px';
}

Agora a mesma função usando o jQuery:

$(function(){
  var font = 12;
  $("#fontBig").click(function(){
    if (font < 18){
      $("#conteudo").removeClass("mudaFonte"+font);
      font++;
      $("#conteudo").addClass("mudaFonte"+font);
    }
    return false;
  });
  $("#fontLittle").click(function(){
    if (font > 10){
      $("#conteudo").removeClass("mudaFonte"+font);
      font--;
      $("#conteudo").addClass("mudaFonte"+font);
    }
    return false;
  });
});

Mais prático, não? Claro que cada um tem uma forma diferente de fazer, e a idéia é melhorar sempre.

Sem comentário



Sem comentários


Enviar um comentário