📎 Webclip
Tudo que você gostaria de saber sobre plugins jQuery e ninguém teve paciência de explicar
O texto defende que plugins devem ser usados para encapsular e reaproveitar código. A partir daí, explica a base de um plugin jQuery, a diferença entre adicionar métodos em $.meuPlugin e em $.fn.meuPlugin, a necessidade de evitar conflitos com outras bibliotecas e a importância de manter o encadeamento retornando this.
Fichamento#
- Plugins fazem sentido quando o código pode ser reaproveitado em projetos futuros e encapsulam comportamento.
- O ponto de partida é adicionar uma propriedade a $.fn.
- $ é um apelido para jQuery, e o mesmo objeto pode ser acessado por window.jQuery, window.$, jQuery ou $.
- $.fn é equivalente a jQuery.prototype, então métodos colocados ali ficam disponíveis para as instâncias criadas por $().
- Para evitar conflito com outras bibliotecas que também usam $, o plugin pode ser envolvido em uma função anônima.
- Plugins que operam sobre seletores devem retornar this para manter o encadeamento.
- O método each é usado para percorrer a coleção recebida pelo plugin.
- O plugin pode receber parâmetros por meio de options.
- Se parâmetros não forem passados, é preciso definir valores padrão para evitar quebra.
- $.extend é usado para mesclar defaults e options em um novo objeto settings.
- O texto recomenda consultar o guia oficial, o jQuery Boilerplate e o jQuery UI Widget Factory para plugins stateful.
