3

Como faz a lib jQuery? Exemplo:

$(elemento).text('meu texto');

Eu quero saber como se faz uma função como a text() em JavaScript puro, só para aprender a teoria. Quero saber como o elemento html é passado como parâmetro para a função text(), que faz o innerText no mesmo elemento encapsulado pela função $().

Quero saber como a função text() reconhece em que elemento ela deve adicionar o texto apenas sendo juntada ao $() com um ponto (.)?

Eu só uso jQuery, mas minha vontade é aprender o JS puro a fundo.

2

1 Resposta 1

3

Isto chama-se fluent interface ou method chaining. Ou pelo menos é uma forma semelhante.

A técnica básica é retornar o próprio objeto que está sendo manipulado, o this. O retornar algo que possa ser manipulado por outra função que espera um objeto.

Você pode ver o código fonte do exemplo que usou. E o código fonte do seletor (vai acompanhando nos links o resto do código). No seletor verá que retorna this que será usado como argumento para a função text().

Se quiser criar funções que se comuniquem especificamente com jQuery tem que seguir alguns protocolos. Tem alguns links no comentário do Sergio (na pergunta) que mostram como.

Artigo em inglês sobre o assunto.

1
  • Além disso, o jQuery guarda os elementos selecionados na própria referência, sequencialmente, por exemplo: this[0] = algumElementoDOMWindowEtc, this[1] = outroElementoEtc (por acaso está correto afirmar isso?), exatamente como uma coleção, instanciada pela interface do jQuery.
    – user37626
    Commented 1/10/2016 às 12:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .