Estenda o JQuery e facilite sua vida

Escrito por: alberto

Após um longo periodo sem postar nada resolvi dar o ar da graça novamente :). Estava aqui trabalhando num projeto e fui criando alguns mini-plugins do jquery apenas para ir facilitando minha vida. Como é bem fácil criar este tipo de coisa, e está sendo bastante útil para mim, vou deixar aqui para que seja útil para outras pessoas também.

Para exemplificar meu problema, estou usando um plugin para listas de autocomplete,  por sinal ele é muito bom, bastante flexível e tranquilo de usar. Como eu queria ter o autocomplete em diversos lugares do site, pensei: “Vou criar uma função, isolar o código lá, e ficar só chamando ela passando  o id do campo que eu quero.” Só que o jquery deixa você estender seu comportamento de uma forma tão fácil que resolvi ir criando extensões para manter uma maior legibilidade do código.

Ao invés de ter no código 

adicionaAutoComplete("qqId","urlParaLoadDeTags")

eu passei a ter

$("#qqId").addAutoComplete("urlParaLoadTags")

. Aí para deixar mais fluente ainda, a gente pode ter

$("#qqId").autoCompleteComTags()

.  Para fazer este tipo de coisa, basta escrever algo parecido com:

jQuery.nomeDaSuaFuncao = function(algumParaOuNao){
// faz o que quiser aqui
jQuery(this).attr("value", "trocando o valor para exemplificar");
};

Bom era isso, espero que ajude nos seus códigos javascript :).