CategoryjQuery

Navegando no DOM – jQuery

Nós já entendemos o que é o this ? – javascript, e agora vou explicar melhor como navegar no DOM.
Bom nada melhor do que começar com a documentação oficial sobre os métodos jQuery.
Continue reading

Plugin jQuery em elemento criado dinamicamente com javascript – append jQuery

Eu já postei como utilizar a função .live() do jQuery, que inclusive foi removida na nova versão da biblioteca(para usarmos o método .on() no estilo delegate), já mostrei como instanciar plugins depois de carregar um elemento com ajax.

Mas e como podemos fazer para chamar/ativar um plugin, em elementos criados dinamicamente, com o append ?
Continue reading

Plugin jQuery.maskx – Mascara javascript de campos com expressão regular – regex

Opa,

Esse post é para divulgar um novo repositório que criei no github.
url

https://github.com/wbruno/jquery.mask.

É um plugin jQuery que escrevi com base nestas máscaras com expressão regular, e esse plugin já inclui a função de máscara javascript de cartões de crédito.

Exemplo de uso

jQuery.fn.maskx.user_defined = function(v){
	v = v.replace(/\D/g, "");
	v = v.replace(/(\d{3})(\d)/, "$1/$2");
	v = v.replace(/(\d+)(\d{2})$/, "$1-$2");
	return v;
};
jQuery(document).ready(function(){
    jQuery('input[name^="NumeroCC"]').maskx({maskx: 'cc'});
    jQuery('input[name="cep"]').maskx({maskx: 'cep'});

    jQuery('input[name="dinheiro"]').maskx({maskx: 'money'});


    jQuery('input[name="other"]').maskx({maskx: 'user_defined'});
});

É isso galera, usem lá. E me digam o que acharam. Além de abrirem suas issues e pull requests.

Enviando outros dados junto com um .serialize() – jQuery

Opa! Apareceu essa dúvida no fórum hoje.

Note que o retorno do serialize() é apenas uma string. Uma simples string.
Descobri isso assim:

typeof $form.serialize();

Logo, se quero enviar outros dados junto com estes, então só preciso concatenar nessa string:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
    var $form = jQuery('#form'),
    data = $form.serialize();



    console.log( data+'&a5=v5&a6=v6' );

});
</script>

<form action="" id="form">
    <input type="text" name="a1" value="v1" />
    <input type="text" name="a2" value="v2" />
    <input type="text" name="a3" value="v3" />
    <input type="text" name="a4" value="v4" />
</form>

Simples ne?! nada de desespero.. só entender oque temos em mãos e fazer.

Melhorando a qualidade do seu código jQuery

jQuery é bacana. Escreva menos, faça mais.

 

Porém muitos dos desenvolvedores de hoje em dia, não levaram a sério a parte do “escreva menos”, e continuam escrevendo muito e de forma desordenada.

Tudo bem, então aqui vai algumas dicas para melhorar a qualidade dos códigos jQuery.
Continue reading