În timpul programării în JavaScript, jQuery ajută foarte mult la accesarea instantanee a elementelor. De exemplu, selectorul jQuery „ $ ” oferă o utilizare multifuncțională a accesării elementelor prin „ id ”, “ clasă ”, etc. Acest selector este funcțional atâta timp cât biblioteca jQuery corespunzătoare este inclusă în cod. În caz contrar, afișează o eroare nedefinită.
Acest blog va discuta despre „ eroare de rulare: „$” este nedefinit ” în JavaScript.
Care este „eroarea de rulare: „$” este nedefinit” în JavaScript?
„ $ ” este selectorul jQuery folosit pentru a accesa elementele. Eroarea declarată poate apărea dacă biblioteca jQuery nu este inclusă sau dacă biblioteca este inclusă după funcționalitatea aplicată.
Exemplul 1: Apariția „eroare de rulare: „$” este nedefinit” în JavaScript fără a specifica biblioteca jQuery
În acest exemplu, apariția erorii declarate va fi discutată prin implementarea funcționalității corespunzătoare fără a specifica biblioteca jQuery:
< div >
< buton onclick = 'funcția mea()' > Click pe mine buton >
< p id = 'demo' > p >
div >
< scenariu >
funcţie myFunction ( ) {
$ ( „#demo” ) .innerHTML = „Acesta este site-ul Linuxhint” ;
}
scenariu >
În fragmentul de cod de mai sus:
- Creați butonul atașat cu un „ onclick ” eveniment care redirecționează către funcția myFunction().
- În pasul următor, adăugați „ „element având un atribut” id ”.
- În codul JS, definiți o funcție numită „ myFunction() ”.
- În definiția sa, accesați conținutul „ „element prin „ id „prin selectorul jQuery „ $ ”.
- În cele din urmă, aplicați „ innerHTML ” pentru a adăuga valoarea textului declarată elementului preluat.
- Rețineți că utilizarea selectorului „ $ ” fără a include biblioteca jQuery afișează „ eroare nedefinită ”.
Ieșire
După cum sa observat, selectorul „ $ ” este nerecunoscut deoarece biblioteca corespunzătoare nu este inclusă în cod.
Exemplul 2: Apariția „eroare de rulare: „$” este nedefinit” în JavaScript de
Specificarea bibliotecii jQuery după funcționalitatea aplicată
În acest exemplu particular, apariția erorii declarate va fi discutată prin specificarea bibliotecii jQuery după implementarea funcționalității acesteia:
< h3 id = 'myPara' > Acesta este site-ul web linuxhint h3 >< p id = 'demo' > p >
< scenariu >
lăsa a = $ ( 'myPara' ) .innerHTML;
$ ( 'demo' ) .innerHTML = a;
scenariu >
< scenariu src = „https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js” > scenariu >
În rândurile de cod de mai sus:
- De asemenea, includeți un titlu și un paragraf cu mențiunea „ id-uri ”, respectiv.
- În partea JavaScript a codului, în mod similar, accesați paragraful inclus prin „ id ' prin intermediul ' $ ” selector.
- De asemenea, recuperați conținutul textului acestuia (titlu) folosind „ innerHTML ” proprietate.
- După aceea, repetați aceeași procedură cu paragraful inclus și alocați conținutul text preluat al titlului.
- În cele din urmă, specificați „ biblioteca jQuery ” pentru a-și aplica funcționalitățile.
- Rețineți că, deoarece biblioteca este inclusă după funcționalitățile aplicate cu ajutorul „ $ ” selector, eroarea nedefinită va fi înregistrată și pe consolă.
Ieșire
Ca soluție, adaugă pur și simplu scriptul jQuery în aplicație.
Concluzie
„ eroare de rulare: „$” este nedefinit ” în JavaScript poate apărea fără a specifica biblioteca jQuery sau prin specificarea acesteia după funcționalitățile aplicate. În prima abordare, selectorul nedefinit „ $ ” este evident deoarece biblioteca nu este inclusă. În această din urmă abordare, eroarea corespunzătoare apare din cauza codului nesortat. Acest blog a explicat apariția „ eroare de rulare: „$” este nedefinit ” în JavaScript.