Podczas programowania w JavaScript, jQuery bardzo pomaga w natychmiastowym dostępie do elementów. Na przykład selektor jQuery „ $ ” oferuje wielofunkcyjne wykorzystanie dostępu do elementów za pomocą „ ID ”, „ klasa ” itd. Ten selektor działa tak długo, jak długo odpowiednia biblioteka jQuery jest zawarta w kodzie. W przeciwnym razie wyświetla niezdefiniowany błąd.
Ten blog będzie omawiał „ błąd wykonania: „$” jest niezdefiniowane ” w JavaScript.
Co to jest „błąd wykonania:„ $ ”jest niezdefiniowany” w JavaScript?
„ $ ” to selektor jQuery używany do uzyskiwania dostępu do elementów. Podany błąd może wystąpić, jeśli biblioteka jQuery nie jest dołączona lub jeśli biblioteka jest dołączona po zastosowanej funkcjonalności.
Przykład 1: Wystąpienie „błądu wykonania:„ $ ”jest niezdefiniowany” w JavaScript bez określania biblioteki jQuery
W tym przykładzie wystąpienie podanego błędu zostanie omówione poprzez implementację odpowiedniej funkcjonalności bez określania biblioteki jQuery:
< dz >
< przycisk na kliknięcie = 'mojaFunkcja()' > Kliknij przycisk >
< p ID = 'próbny' > p >
dz >
< scenariusz >
funkcjonować mojaFunkcja ( ) {
$ ( '#próbny' ) .innerHTML = „To jest witryna Linuxhint” ;
}
scenariusz >
W powyższym fragmencie kodu:
- Utwórz przycisk dołączony z „ na kliknięcie ” zdarzenie przekierowujące do funkcji myFunction().
- W następnym kroku dodaj „ „ element posiadający atrybut „ ID ”.
- W kodzie JS zdefiniuj funkcję o nazwie „ mojaFunkcja() ”.
- W swojej definicji uzyskaj dostęp do dołączonych „ ” element po jego „ ID ” za pomocą selektora jQuery „ $ ”.
- Na koniec zastosuj „ wewnętrzny HTML ”, aby dołączyć określoną wartość tekstową do pobranego elementu.
- Należy pamiętać, że użycie selektora „ $ ” bez uwzględnienia biblioteki jQuery wyświetla „ nieokreślony błąd ”.
Wyjście
Jak zaobserwowano, selektor „ $ ” jest nierozpoznany, ponieważ odpowiednia biblioteka nie jest zawarta w kodzie.
Przykład 2: Wystąpienie „błądu wykonania: „$” jest niezdefiniowane” w JavaScript przez
Określanie biblioteki jQuery po zastosowanej funkcjonalności
W tym konkretnym przykładzie wystąpienie podanego błędu zostanie omówione poprzez określenie biblioteki jQuery po zaimplementowaniu jej funkcjonalności:
< h3 ID = „moja para” > To jest strona linuxhint h3 >< p ID = 'próbny' > p >
< scenariusz >
pozwalać a = $ ( „moja para” ) .innerHTML;
$ ( 'próbny' ) .innerHTML = a;
scenariusz >
< scenariusz źródło = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > scenariusz >
W powyższych liniach kodu:
- Podobnie, umieść nagłówek i akapit o treści „ identyfikator ”, odpowiednio.
- Podobnie w części kodu JavaScript uzyskaj dostęp do dołączonego akapitu za pomocą „ ID ' za pośrednictwem ' $ selektor.
- Pobierz także jego (nagłówek) treść tekstową za pomocą „ wewnętrzny HTML ' własność.
- Następnie powtórz tę samą procedurę z dołączonym akapitem i przydziel pobraną treść tekstową nagłówka.
- Na koniec określ „ biblioteka jQuery ”, aby zastosować jego funkcje.
- Należy pamiętać, że ponieważ biblioteka jest dołączana po zastosowanych funkcjonalnościach za pomocą „ $ ”, niezdefiniowany błąd zostanie również zarejestrowany w konsoli.
Wyjście
Jako rozwiązanie wystarczy dodać skrypt jQuery do aplikacji.
Wniosek
„ błąd wykonania: „$” jest niezdefiniowane ” w JavaScript może nastąpić bez określania biblioteki jQuery lub poprzez określenie jej po zastosowanych funkcjonalnościach. W pierwszym podejściu niezdefiniowany selektor „ $ ” jest oczywiste, ponieważ biblioteka nie jest uwzględniona. W drugim podejściu odpowiedni błąd występuje z powodu nieposortowanego kodu. Na tym blogu wyjaśniono występowanie „ błąd wykonania: „$” jest niezdefiniowane ” w JavaScript.