Embora existam muitas semelhanças entre jQuery e JavaScript, também existem várias diferenças em sua sintaxe e funcionalidade. Para isso, primeiro entenda o que o código jQuery está tentando fazer. Em seguida, utilize os métodos ou atributos alternativos do JavaScript vanilla.
Este blog discutirá a conversão do código jQuery para JavaScript.
Como converter código jQuery para JavaScript?
Para converter o código jQuery em JavaScript, é essencial entender o que o código está fazendo e quais métodos jQuery estão sendo usados. Em seguida, use os métodos alternativos em JavaScript, como o “ $() ” usado em jQuery para selecionar elementos enquanto em JavaScript, para selecionar elementos “ document.querySelector() ' ou ' querySelectorAll() ” métodos são usados.
Vamos entender o processo de conversão com a ajuda de um exemplo.
Exemplo
Aqui, temos um código jQuery que muda a cor do texto e mostra um texto explicativo ao clicar no botão. Para isso, o documento HTML contém dois botões, texto e uma tag
vazia onde será mostrado o novo texto ao clicar no botão:
< id div = 'meuDiv' >
< p aula = 'texto' > Tutorial JavaScript p >
< ID do botão = 'botão' > Clique aqui botão >
< ID do botão = 'botão' > Clique aqui botão >
< p id = 'mensagem' > p >
div >
Ao trabalhar com jQuery, é obrigatório adicionar a biblioteca jQuery na tag
do documento HTML: < fonte do script = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > roteiro >Na tag