JavaScriptin ohjelmoinnissa jQuery auttaa paljon pääsemään elementteihin välittömästi. Esimerkiksi jQuery-valitsin ' $ ' tarjoaa monikäyttöisen käytön elementtien käyttämiseen ' id ”, “ luokkaa ”, jne. Tämä valitsin toimii niin kauan kuin vastaava jQuery-kirjasto sisältyy koodiin. Muussa tapauksessa se näyttää määrittelemättömän virheen.
Tässä blogissa käsitellään ' ajonaikainen virhe: '$' on määrittelemätön ' JavaScriptissä.
Mikä on 'ajonaikainen virhe: '$' on määrittelemätön' JavaScriptissä?
' $ ” on jQuery-valitsin, jota käytetään elementtien avaamiseen. Ilmoitettu virhe voi tapahtua, jos jQuery-kirjastoa ei ole sisällytetty tai jos kirjasto sisällytetään käytetyn toiminnon jälkeen.
Esimerkki 1: 'ajonaikainen virhe: $ on määrittelemätön' esiintyminen JavaScriptissä määrittämättä jQuery-kirjastoa
Tässä esimerkissä ilmoitetun virheen esiintymistä käsitellään toteuttamalla vastaava toiminto määrittelemättä jQuery-kirjastoa:
< div >
< -painiketta klikkaamalla = 'myFunction()' > Napsauta minua -painiketta >
< s id = 'demo' > s >
div >
< käsikirjoitus >
toiminto myFunction ( ) {
$ ( '#demo' ) .innerHTML = 'Tämä on Linuxhint-verkkosivusto' ;
}
käsikirjoitus >
Yllä olevassa koodinpätkässä:
- Luo painike, johon on liitetty ' klikkaamalla ” tapahtuma, joka ohjaa funktioon myFunction().
- Lisää seuraavassa vaiheessa ' 'elementti jolla on attribuutti' id ”.
- Määritä JS-koodissa funktio nimeltä ' myFunction() ”.
- Käytä sen määritelmässä mukana olevaa ' 'elementti sen ' id ” jQuery-valitsimen kautta” $ ”.
- Käytä lopuksi ' innerHTML ” -ominaisuutta, joka liittää ilmoitetun tekstiarvon haettuun elementtiin.
- Huomaa, että valitsimen ' $ ' ilman jQuery-kirjastoa näyttää ' määrittelemätön virhe ”.
Lähtö
Kuten havaittiin, valitsin ' $ ” on tuntematon, koska vastaava kirjasto ei sisälly koodiin.
Esimerkki 2: 'ajonaikaisen virheen: '$' on määrittelemätön' esiintyminen JavaScriptissä, tekijä
jQuery-kirjaston määrittäminen sovelletun toiminnallisuuden jälkeen
Tässä nimenomaisessa esimerkissä ilmoitetun virheen esiintymistä käsitellään määrittämällä jQuery-kirjasto sen toimintojen käyttöönoton jälkeen:
< h3 id = 'myPara' > Tämä on linuxhint-verkkosivusto h3 >< s id = 'demo' > s >
< käsikirjoitus >
päästää a = $ ( 'myPara' ) .innerHTML;
$ ( 'demo' ) .innerHTML = a;
käsikirjoitus >
< käsikirjoitus src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > käsikirjoitus >
Yllä olevilla koodiriveillä:
- Sisällytä myös otsikko ja kappale, jossa on ' id:t ”, vastaavasti.
- Käytä vastaavasti koodin JavaScript-osassa olevaa kappaletta sen ' id ' kautta' $ ” valitsin.
- Hae myös sen (otsikon) tekstisisältö käyttämällä ' innerHTML ” omaisuutta.
- Tämän jälkeen toista sama toimenpide sisällytetyn kappaleen kanssa ja varaa otsikon haettu tekstisisältö.
- Määritä lopuksi ' jQuery-kirjasto ” soveltaa sen toimintoja.
- Huomaa, että koska kirjasto sisältyy käytettyjen toimintojen jälkeen ' $ ” -valitsimen, määrittelemätön virhe kirjataan myös konsoliin.
Lähtö
Ratkaisuna yksinkertaisesti lisää jQuery-skripti sovellukseen.
Johtopäätös
' ajonaikainen virhe: '$' on määrittelemätön ” JavaScriptissä voi tapahtua määrittelemättä jQuery-kirjastoa tai määrittämällä se käytettyjen toimintojen jälkeen. Edellisessä lähestymistavassa määrittelemätön valitsin ' $ ” on ilmeistä, koska kirjasto ei sisälly hintaan. Jälkimmäisessä lähestymistavassa vastaava virhe tapahtuu lajittelemattoman koodin vuoksi. Tämä blogi selitti ' ajonaikainen virhe: '$' on määrittelemätön ' JavaScriptissä.