Como criar função no jQuery? estender o jQuery

Neste artigo você vai aprender a como criar função no jQuery, ou seja, criar uma nova função e estender o jQuery, com as melhores práticas

Fala programador(a), beleza? Bora aprender mais sobre JavaScript e jQuery!

Para criar uma nova funcionalidade no jQuery vamos utilizar uma propriedade chamada fn

Nela teremos acesso a um método extend, que cuida da parte de extensão do jQuery

Veja um exemplo prático:

<p class="conteudo">Olá mundo!</p>

Teremos este parágrafo com um texto no HTML

A função que iremos criar tem a funcionalidade de exibir o conteúdo de um elemento no console

Veja agora o código JavaScript/jQuery necessário:

$.fn.extend({
  exibirTexto: function () {
    return this.each(function () {
      console.log($(this).text());
    });
  }
});

$('.conteudo').exibirTexto();

Veja que utilizamos o fn.extend, e depois criamos o nosso método exibirTexto

O método simplesmente resgata o texto de um elemento alvo e exibe no console

É muito simples, porém podemos utilizar ele como os outros do jQuery, resolvendo assim o nosso problema

Agora você já tem o caminho para extender/customizar o jQuery e criar suas próprias funções

A ideia sempre será a mesma, caso queira criar mais de uma: separe por vírgula cada um dos métodos

Conclusão

Neste artigo você viu como criar função no jQuery, fazendo com que as nossas funções sejam incorporadas na biblioteca

Utilizamos o fn.extend, um método que permite a extensão da lib

Podemos criar diversos métodos, não há limites, eles devem ser separados por vírgula, caso você crie mais de um

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube