Ao programar em JavaScript, o jQuery auxilia muito no acesso aos elementos instantaneamente. Por exemplo, o seletor jQuery “ $ ” oferece um uso multifuncional de acesso aos elementos por “ Eu iria ”, “ classe ”, etc. Este seletor é funcional desde que a biblioteca jQuery correspondente esteja incluída no código. Caso contrário, exibe um erro indefinido.
Este blog irá discutir o “ erro de tempo de execução: '$' é indefinido ” em JavaScript.
O que é o “erro de tempo de execução: ‘$’ é indefinido” em JavaScript?
O ' $ ” é o seletor jQuery usado para acessar os elementos. O erro declarado pode ocorrer se a biblioteca jQuery não estiver incluída ou se a biblioteca for incluída após a funcionalidade aplicada.
Exemplo 1: Ocorrência de “erro de tempo de execução: ‘$’ é indefinido” em JavaScript sem especificar a biblioteca jQuery
Neste exemplo, a ocorrência do erro declarado será discutida implementando a funcionalidade correspondente sem especificar a biblioteca jQuery:
< div >
< botão ao clicar = 'minhaFunção()' > clique em mim botão >
< p Eu iria = 'demonstração' > p >
div >
< roteiro >
função minhafunção ( ) {
$ ( '#demonstração' ) .innerHTML = 'Este é o site do Linuxhint' ;
}
roteiro >
No trecho de código acima:
- Crie o botão anexado com um “ ao clicar ” redirecionando para a função myFunction().
- Na próxima etapa, adicione o “ ” elemento tendo um atributo “ Eu iria ”.
- No código JS, defina uma função chamada “ minhaFunção() ”.
- Em sua definição, acesse o incluído “ ” elemento por seu “ Eu iria ” através do seletor jQuery “ $ ”.
- Por último, aplique o “ HTML interno ” para anexar o valor de texto declarado ao elemento buscado.
- Observe que o uso do seletor “ $ ” sem incluir a biblioteca jQuery exibe o “ erro indefinido ”.
Saída
Conforme observado, o seletor “ $ ” não é reconhecido porque a biblioteca correspondente não está incluída no código.
Exemplo 2: Ocorrência de “erro de tempo de execução: ‘$’ é indefinido” em JavaScript por
Especificando a biblioteca jQuery após a funcionalidade aplicada
Neste exemplo particular, a ocorrência do erro declarado será discutida especificando a biblioteca jQuery após a implementação de sua funcionalidade:
< h3 Eu iria = 'meuPara' > Este é o site linuxhint h3 >< p Eu iria = 'demonstração' > p >
< roteiro >
deixar a = $ ( 'meuPara' ) .innerHTML;
$ ( 'demonstração' ) .innerHTML = a;
roteiro >
< roteiro origem = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > roteiro >
Nas linhas de código acima:
- Da mesma forma, inclua um título e um parágrafo com a declaração “ id's ”, respectivamente.
- Na parte JavaScript do código, da mesma forma, acesse o parágrafo incluído por seu “ Eu iria ” através do “ $ ” seletor.
- Além disso, recupere seu conteúdo de texto (título) usando o “ HTML interno ' propriedade.
- Depois disso, repita o mesmo procedimento com o parágrafo incluído e aloque o conteúdo do texto obtido do título.
- Por último, especifique o “ biblioteca jQuery ” para aplicar suas funcionalidades.
- Observe que como a biblioteca é incluída após as funcionalidades aplicadas com a ajuda do “ $ ”, o erro indefinido também será registrado no console.
Saída
Como solução, basta adicionar o script jQuery ao aplicativo.
Conclusão
O ' erro de tempo de execução: '$' é indefinido ” em JavaScript pode ocorrer sem especificar a biblioteca jQuery ou especificando-a após as funcionalidades aplicadas. Na primeira abordagem, o seletor indefinido “ $ ” é evidente, pois a biblioteca não está incluída. Na última abordagem, o erro correspondente ocorre devido ao código não classificado. Este blog explicou a ocorrência do “ erro de tempo de execução: '$' é indefinido ” em JavaScript.