[jQuery] Uncaught ReferenceError: $ is not defined at index.html:5

Uncaught ReferenceError: $ is not defined
    at index.html:4

If you see the $ is not defined error in your HTML code, the reason is you have defined the jQuery library import script after using the $ (dollar function), make sure you add <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> before you use jQuery function,

Below Example will through console error,

<html>
<head>
<script>
	$(document).ready(function () {
	  console.log("hello this is some code!");
	});
</script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
    <H1>$ is not defined</H1>
</body>
</html>

Uncaught ReferenceError $ is not defined

Error: Uncaught ReferenceError $ is not define

Code After fixing the issue:

<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
	$(document).ready(function () {
	  console.log("hello this is some code!");
	});
</script>

</head>
<body>
<H1>$ is not defined error fixed! </H1>
</body>
</html>

Have Questions? Post them here!

More Posts related to jQuery,

More Posts: