JavaScript로 프로그래밍하는 동안 jQuery는 요소에 즉시 액세스하는 데 많은 도움이 됩니다. 예를 들어 jQuery 선택기 ' $ ”는 요소에 액세스하는 다기능 사용을 제공합니다. ID ”, “ 수업 ” 등 이 선택기는 해당 jQuery 라이브러리가 코드에 포함되어 있는 한 작동합니다. 그렇지 않으면 정의되지 않은 오류를 표시합니다.
이 블로그에서는 ' 런타임 오류: '$'는 정의되지 않았습니다. ” 자바스크립트에서.
JavaScript에서 '런타임 오류: '$'가 정의되지 않음'은 무엇입니까?
“ $ ” 요소에 액세스하는 데 사용되는 jQuery 선택기입니다. 명시된 오류는 jQuery 라이브러리가 포함되지 않았거나 적용된 기능 이후에 라이브러리가 포함된 경우 발생할 수 있습니다.
예제 1: jQuery 라이브러리를 지정하지 않고 JavaScript에서 '런타임 오류: '$' is undefined' 발생
이 예에서는 jQuery 라이브러리를 지정하지 않고 해당 기능을 구현하여 명시된 오류의 발생에 대해 설명합니다.
< 사업부 >
< 단추 온 클릭 = 'myFunction()' > 클릭 해주세요 단추 >
< 피 ID = '데모' > 피 >
사업부 >
< 스크립트 >
기능 myFunction ( ) {
$ ( '#데모' ) .innerHTML = '여기는 Linuxhint 웹사이트입니다' ;
}
스크립트 >
위의 코드 조각에서:
- '로 연결된 버튼을 만듭니다. 온 클릭 ” 이벤트는 myFunction() 함수로 리디렉션됩니다.
- 다음 단계에서 ' ” 속성을 갖는 요소 “ ID '.
- JS 코드에서 '라는 함수를 정의합니다. myFunction() '.
- 정의에서 포함된 ' ” 요소를 ' ID ” jQuery 선택기를 통해 “ $ '.
- 마지막으로 ' innerHTML ” 속성을 사용하여 가져온 요소에 명시된 텍스트 값을 추가합니다.
- 선택기 ' $ ” jQuery 라이브러리를 포함하지 않고 “ 정의되지 않은 오류 '.
산출
관찰한 바와 같이 선택기 ' $ ”는 해당 라이브러리가 코드에 포함되어 있지 않기 때문에 인식되지 않습니다.
예시 2: 자바스크립트에서 '런타임 오류: '$' is undefined' 발생
기능 적용 후 jQuery 라이브러리 지정
이 특정 예에서는 해당 기능이 구현된 후 jQuery 라이브러리를 지정하여 명시된 오류의 발생에 대해 설명합니다.
< h3 ID = '마이파라' > linuxhint 웹사이트입니다. h3 >< 피 ID = '데모' > 피 >
< 스크립트 >
허락하다 = $ ( '마이파라' ) .innerHTML;
$ ( '데모' ) .innerHTML = a;
스크립트 >
< 스크립트 소스 = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > 스크립트 >
위의 코드 줄에서:
- 마찬가지로 '라는 제목과 단락을 포함하십시오. 아이디 ', 각각.
- 코드의 JavaScript 부분에서 유사하게 '로 포함된 단락에 액세스합니다. ID ”를 통해 “ $ ” 선택기.
- 또한 '를 사용하여 (제목) 텍스트 콘텐츠를 검색합니다. innerHTML ' 속성.
- 그런 다음 포함된 단락에 대해 동일한 절차를 반복하고 제목의 가져온 텍스트 콘텐츠를 할당합니다.
- 마지막으로 ' jQuery 라이브러리 ” 기능을 적용합니다.
- 라이브러리는 “ $ ” 선택기, 정의되지 않은 오류도 콘솔에 기록됩니다.
산출
솔루션으로 애플리케이션에 jQuery 스크립트를 추가하기만 하면 됩니다.
결론
“ 런타임 오류: '$'는 정의되지 않았습니다. ”는 JavaScript에서 jQuery 라이브러리를 지정하지 않거나 적용된 기능 후에 지정하여 발생할 수 있습니다. 전자의 접근 방식에서 정의되지 않은 선택자 ' $ ” 라이브러리가 포함되어 있지 않기 때문에 분명합니다. 후자의 접근 방식에서는 정렬되지 않은 코드로 인해 해당 오류가 발생합니다. 이 블로그는 ' 런타임 오류: '$'는 정의되지 않았습니다. ” 자바스크립트에서.