[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!
Advertisements
Try Out Code2care Dev Tools:

Advertisements



#Android #Java #Linux #Microsoft #Google #Python #MacOS #Notepad++ #Microsoft Teams #CSS #PHP #SharePoint #Html #Linux #C-Program #Bootstrap #jQuery #Sublime #Android-Studio #Facebook #Eclipse #WhatsApp #News #MySQL #Json #HowTos #JavaScript #FTP #S3


Advertisements


Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Tutorials, Trouble-Shooting steps, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.
🎉 We are celebrating the 10th years of Code2care! Thank you for all your support! We hope we made a difference.
We strong support Gender Equality & Diversity.

We stand in solidarity with Ukraine - Make a donation to UNHCR - https://donate.unhcr.org/in/en-in/ukraine-emergency