Lors de la programmation en JavaScript, jQuery aide beaucoup à accéder instantanément aux éléments. Par exemple, le sélecteur jQuery ' $ ' offre une utilisation multifonctionnelle d'accès aux éléments par ' identifiant ”, “ classer », etc. Ce sélecteur est fonctionnel tant que la bibliothèque jQuery correspondante est incluse dans le code. Sinon, il affiche une erreur indéfinie.
Ce blog traitera de la ' erreur d'exécution : '$' n'est pas défini ” en Javascript.
Qu'est-ce que 'l'erreur d'exécution : '$' n'est pas défini' en JavaScript ?
Les ' $ ” est le sélecteur jQuery utilisé pour accéder aux éléments. L'erreur indiquée peut se produire si la bibliothèque jQuery n'est pas incluse ou si la bibliothèque est incluse après la fonctionnalité appliquée.
Exemple 1 : Occurrence de 'l'erreur d'exécution : '$' n'est pas défini' dans JavaScript sans spécifier la bibliothèque jQuery
Dans cet exemple, l'occurrence de l'erreur indiquée sera discutée en implémentant la fonctionnalité correspondante sans spécifier la bibliothèque jQuery :
< div >
< bouton sur clic = 'maFonction()' > Cliquez sur moi bouton >
< p identifiant = 'démo' > p >
div >
< scénario >
une fonction maFonction ( ) {
$ ( '#démo' ) .innerHTML = 'Ceci est le site Web de Linuxhint' ;
}
scénario >
Dans l'extrait de code ci-dessus :
- Créez le bouton attaché avec un ' sur clic » événement redirigeant vers la fonction myFunction().
- À l'étape suivante, ajoutez le ' « élément ayant un attribut » identifiant ”.
- Dans le code JS, définissez une fonction nommée ' maFonction() ”.
- Dans sa définition, accédez à l'inclus ' ' élément par son ' identifiant ' via le sélecteur jQuery ' $ ”.
- Enfin, appliquez le « innerHTML ” propriété pour ajouter la valeur de texte indiquée à l'élément récupéré.
- Notez que l'utilisation du sélecteur ' $ ' sans inclure la bibliothèque jQuery affiche le ' erreur indéfinie ”.
Sortir
Comme observé, le sélecteur « $ ” n'est pas reconnu car la bibliothèque correspondante n'est pas incluse dans le code.
Exemple 2 : Occurrence de 'l'erreur d'exécution : '$' n'est pas défini' dans JavaScript par
Spécification de la bibliothèque jQuery après application de la fonctionnalité
Dans cet exemple particulier, l'occurrence de l'erreur indiquée sera discutée en spécifiant la bibliothèque jQuery après l'implémentation de sa fonctionnalité :
< h3 identifiant = 'monPara' > Ceci est le site Web de linuxhint h3 >< p identifiant = 'démo' > p >
< scénario >
laisser un = $ ( 'monPara' ) .innerHTML ;
$ ( 'démo' ) .innerHTML = un;
scénario >
< scénario src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > scénario >
Dans les lignes de code ci-dessus :
- De même, incluez un titre et un paragraphe ayant la mention ' identifiants ', respectivement.
- Dans la partie JavaScript du code, de la même manière, accédez au paragraphe inclus par son ' identifiant ' via le ' $ ” sélecteur.
- Aussi, récupérez son contenu textuel (en-tête) en utilisant le ' innerHTML ' biens.
- Après cela, répétez la même procédure avec le paragraphe inclus et allouez le contenu du texte récupéré de l'en-tête.
- Enfin, précisez le « bibliothèque jQuery ” pour appliquer ses fonctionnalités.
- Notez que comme la bibliothèque est incluse après les fonctionnalités appliquées à l'aide du ' $ ', l'erreur indéfinie sera également enregistrée sur la console.
Sortir
Comme solution, il suffit d'ajouter le script jQuery à l'application.
Conclusion
Les ' erreur d'exécution : '$' n'est pas défini ” en JavaScript peut se produire sans spécifier la bibliothèque jQuery ou en la spécifiant après les fonctionnalités appliquées. Dans la première approche, le sélecteur indéfini ' $ » est évident puisque la bibliothèque n'est pas incluse. Dans cette dernière approche, l'erreur correspondante se produit en raison du code non trié. Ce blog a expliqué l'apparition de la ' erreur d'exécution : '$' n'est pas défini ” en Javascript.