• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
TDC 2011 - Criando um plugin jQuery
 

TDC 2011 - Criando um plugin jQuery

on

  • 495 views

 

Statistics

Views

Total Views
495
Views on SlideShare
495
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    TDC 2011 - Criando um plugin jQuery TDC 2011 - Criando um plugin jQuery Presentation Transcript

    • 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) (function( $ ) { $.fn.seuplugin = function () { // Seu super plugin }; })(jQuery);● É perfeito!
    • Contexto● Temos que pensar no contexto $(elemento).seuplugin(); (function( $ ) { $.fn.seuplugin = function () { // Aqui o this é um objeto jQuery // $(this) = $($(this)) // Isso funciona: this.show(fast, function(){● É perfeito! // Aqui, this é um elemento DOM }); }; })(jQuery);
    • Como diria o Tite...● ... vamos manter a "Correntabilidade"! (function( $ ) { $.fn.seuplugin = function () { return this.each(function () { // Seu super plugin }); }; })(jQuery);as● Assim, a corrente continua! $(obj).metodo().metodo()...
    • Code!● Lets code!
    • Obrigado! @guilhermereywww.guilhermerey.com.br