3

To criando um site, simples em javascript mais gostaria de automatizar a seleção elementos, e uma função pra esconder/mostrar os elementos. Mais acabo recebendo erro. Mais não entendi o porque.

Pra selecionar os elementos eu to usando

function $(par){
    return document.querySelector(par)
}

e para esconder:

function hide(e){
    return e.style.display = 'none';
}

a declaração fica:

$('.header').hide()

só que me é retornado o erro:

Uncaught TypeError: $(...).hide is not a function
2
  • Está parecendo que vc não está chamando o jquery na sua página. Lógico, vc deve chamar antes de chamar o seu script js. Commented 28/09/2019 às 14:50
  • Ah ideia e refazer essas duas funcitons do jquery em javascript puro Commented 28/09/2019 às 14:51

1 Resposta 1

5

Para replicar as funções do Jquery você pode usar o prototype, por exemplo para fazer a função hide ficaria dessa forma:

Element.prototype.hide = function(){
   this.style.display = "none";
   return this;
}

Com isso você basicamente esta incluindo o metodo hide() dentro da classe Element.

Mais sobre prototypes: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype

1
  • Brigado, funcionou! Vou pesquisar agora sobre prototype. Pra entender como funciona. Commented 28/09/2019 às 15:00

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 .