Mens du programmerer i JavaScript, hjelper jQuery mye med å få tilgang til elementene umiddelbart. For eksempel, jQuery-velgeren ' $ ' tilbyr en multifunksjonell bruk av tilgang til elementene ved å ' id ', ' klasse ” osv. Denne velgeren er funksjonell så lenge det tilsvarende jQuery-biblioteket er inkludert i koden. Ellers viser den en udefinert feil.
Denne bloggen vil diskutere ' kjøretidsfeil: '$' er udefinert ' i JavaScript.
Hva er 'runtime error: '$' is undefined' i JavaScript?
« $ ” er jQuery-velgeren som brukes for å få tilgang til elementene. Den oppgitte feilen kan oppstå hvis jQuery-biblioteket ikke er inkludert eller hvis biblioteket er inkludert etter den anvendte funksjonaliteten.
Eksempel 1: Forekomst av 'runtime error: '$' is undefined' i JavaScript uten å spesifisere jQuery-biblioteket
I dette eksemplet vil forekomsten av den oppgitte feilen bli diskutert ved å implementere den tilsvarende funksjonaliteten uten å spesifisere jQuery-biblioteket:
< div >
< knapp ved trykk = 'myFunction()' > Klikk på meg knapp >
< s id = 'demo' > s >
div >
< manus >
funksjon minFunksjon ( ) {
$ ( '#demo' ) .innerHTML = 'Dette er Linuxhint-nettstedet' ;
}
manus >
I kodebiten ovenfor:
- Lag knappen vedlagt med en ' ved trykk ” hendelse som omdirigerer til funksjonen myFunction().
- I neste trinn legger du til ' ' element som har et attributt ' id '.
- I JS-koden, definer en funksjon kalt ' myFunction() '.
- I sin definisjon får du tilgang til den inkluderte ' 'element ved sin ' id ' via jQuery-velgeren ' $ '.
- Til slutt, bruk ' indreHTML ” egenskap for å legge til den angitte tekstverdien til det hentede elementet.
- Merk at bruken av velgeren ' $ ' uten å inkludere jQuery-biblioteket viser ' udefinert feil '.
Produksjon
Som observert, velgeren ' $ ” er ikke gjenkjent siden det tilsvarende biblioteket ikke er inkludert i koden.
Eksempel 2: Forekomst av 'runtime error: '$' is undefined' i JavaScript av
Spesifisering av jQuery-biblioteket etter påført funksjonalitet
I dette spesielle eksemplet vil forekomsten av den oppgitte feilen bli diskutert ved å spesifisere jQuery-biblioteket etter at funksjonaliteten er implementert:
< h3 id = 'myPara' > Dette er Linuxhint-nettstedet h3 >< s id = 'demo' > s >
< manus >
la a = $ ( 'myPara' ) .innerHTML;
$ ( 'demo' ) .innerHTML = a;
manus >
< manus src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > manus >
I kodelinjene ovenfor:
- Ta på samme måte en overskrift og et avsnitt som har det oppgitte ' ID-er ', henholdsvis.
- I JavaScript-delen av koden får du på samme måte tilgang til det inkluderte avsnittet med ' id ' via ' $ ”-velger.
- Hent også dens (overskrift) tekstinnhold ved å bruke ' indreHTML ” eiendom.
- Deretter gjentar du samme prosedyre med det inkluderte avsnittet og allokerer det hentede tekstinnholdet i overskriften.
- Til slutt, spesifiser ' jQuery bibliotek ' for å bruke funksjonene.
- Merk at biblioteket er inkludert etter de anvendte funksjonene ved hjelp av ' $ ”-velgeren, vil den udefinerte feilen også logges på konsollen.
Produksjon
Som en løsning legger du ganske enkelt jQuery-skriptet til applikasjonen.
Konklusjon
« kjøretidsfeil: '$' er udefinert ” i JavaScript kan forekomme uten å spesifisere jQuery-biblioteket eller ved å spesifisere det etter de anvendte funksjonene. I den tidligere tilnærmingen, den udefinerte velgeren ' $ ” er tydelig siden biblioteket ikke er inkludert. I den siste tilnærmingen oppstår den tilsvarende feilen på grunn av den usorterte koden. Denne bloggen forklarte forekomsten av ' kjøretidsfeil: '$' er udefinert ' i JavaScript.