TDC 2011 - Criando um plugin jQuery

  • View
    252

  • Download
    1

Embed Size (px)

Text of TDC 2011 - Criando um plugin jQuery

  • Criando um plugin

  • Quem sou eu?

    Guilherme Rey

    Corinthiano

    Computeiro

  • Por que plugins?

  • Primeiro passo

    jQuery.fn.meuplugin = function () { // Meu super plugin

    };

  • O sinal

    Mas e o $? Posso usar numa boa?

  • O sinal

    Mas e o $? Posso usar numa boa? At pode, mas e se conflitar?

  • O sinal

    Mas e o $? Posso usar numa boa? At pode, mas e se conflitar? Mas assim: (com closure)

    (function( $ ) { $.fn.seuplugin = function () { // Seu super plugin }; })(jQuery);

  • O sinal

    Mas e o $? Posso usar numa boa? At pode, mas e se conflitar? Mas assim: (com closure)

    perfeito!

    (function( $ ) { $.fn.seuplugin = function () { // Seu super plugin }; })(jQuery);

  • Contexto Temos que pensar no contexto

    perfeito!

    $('elemento').seuplugin(); (function( $ ) { $.fn.seuplugin = function () { // Aqui o this um objeto jQuery // $(this) = $($(this))

    // Isso funciona: this.show('fast', function(){ // Aqui, this um elemento DOM }); }; })(jQuery);

  • Como diria o Tite...

    ... vamos manter a "Correntabilidade"!

    as

    Assim, a corrente continua! $(obj).metodo().metodo()...

    (function( $ ) { $.fn.seuplugin = function () { return this.each(function () { // Seu super plugin }); }; })(jQuery);

  • Code!

    Let's code!

  • Obrigado!@guilhermerey

    www.guilhermerey.com.br