jQuery error - Uncaught ReferenceError: $ is not defined

Question

<html>
<head>
    <title>JQuery beginning</title>
</head>
<body>
    <script type="type/javascript" src="js/jquery.js"></script>
    <p onclick="$(this).hide();">Test</p>
</body>
</html>

This is my html file. I have placed the downloaded js file in js folder inside the folder which is containing the above HTML file.

I am getting Uncaught ReferenceError: $ is not defined, when I click on "Test," instead of its being hidden.

@ShaunakD it is working this way as well https://jsfiddle.net/qmsq3Lqr/ — renakre, May 02 '15 at 05:27
If you go to view page source and then click on `jquery.js`. If it is showing that **file not found** then file is not included. — Rohil_PHPBeginner, May 02 '15 at 05:27
@erkaner Ahh yes, you re. Sorry. Im on my phone and the fiddle did not work. — Shaunak D, May 02 '15 at 05:33
@Rohil_PHPBeginner i can open js file by view source option..But still not working — Anonymous, May 02 '15 at 05:34

score 3 · Answer 1 · answered May 02 '15 at 05:27

3

This means jQuery.js cannot be found at js/jquery.js. The file must be nonexistent or in another directory. You should check whether it is indeed called jQuery.js instead of something like jquery-2.1.4.min.js. If you cannot move it to the correct place, consider using the jQuery CDN:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

Also, the use of inline JavaScript is extremely discouraged. You should make another script tag like this:

<script type="text/javascript">
    $(document).ready(function () {
        $("p").click(function () {
            $(this).hide();
        })
    })
</script>

answered May 02 '15 at 05:27

royhowie

11,075
14
50
67

using works great..but i can open js file by view source option....what was problem in my previous code – Anonymous May 02 '15 at 05:34
@Anonymous if you include the code I wrote above, but continue to use your ` – royhowie May 02 '15 at 05:39

VikrantMore · Answer 2 · 2015-05-02T05:41:26.907

You will need to include jquery.min.js to your directory and page to implement jquery functionality.

you can include it as follows:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

else you can give local directory path for the same,This path should be specific, like this:

<script src="~/Scripts/jquery-1.8.2.min.js"></script>

and then implement your code in :

<script type="text/javascript">
    $(document).ready(function () {
         // Your code here
    });
</script>

This will solve your issue.

score 0 · Answer 3 · answered May 02 '15 at 05:35

<html>
<head>
    <title>JQuery beginning</title>
</head>
<body>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

    <p id="para" onClick="$(this).hide();">Test</p>
</body>
</html>

use this ....................

jQuery error - Uncaught ReferenceError: $ is not defined

3 Answers3