Why wont my jQuery work?

Question

Basically, I am learning jQuery and it just wont work. I have tried to figure it out but cant seem to find anything wrong with my code.

Here is my index:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0/Transitional//EN""http:/w3.org/TR/xhtml1/DTD/xhtml-Transitional.dtd">
<html>

<head>
<link rel="stylesheet" type="text/css" href="Exp_Style.css">
<script type="text/javascript" src="Exp_script.js"></script>
<script type="text/javascript" src="Exp_jQuery.js"></script>
</head>

<body>
<div class="testDiv"></div>
</body>

</html>

css:

.testDiv{
width: 30px;
height: 30px;
background-color: grey;
}

Javascript:

$(document).ready(function(){
$(".testDiv").mouseenter(function(){
    $(".testDiv").fadeTo("fast",0.25);
});
});

Your code works fine. See this jsfiddle: http://jsfiddle.net/B5kdU/ — Icarus, May 23 '13 at 02:31
...really!?!?!?. Anyways, I love you guys. Thanks for the quick response :) — Wasiur Rahman, May 23 '13 at 02:35
Similar to [trying to use jquery tooltip plugin, object has no method "tooltip"](http://stackoverflow.com/questions/7604980/trying-to-use-jquery-tooltip-plugin-object-has-no-method-tooltip), load order is important. — Ja͢ck, May 23 '13 at 02:42

score 5 · Answer 1 · answered May 23 '13 at 02:30

Use jquery library first and then their dependency.

Change

<script type="text/javascript" src="Exp_script.js"></script>
<script type="text/javascript" src="Exp_jQuery.js"></script>

TO

<script type="text/javascript" src="Exp_jQuery.js"></script>
<script type="text/javascript" src="Exp_script.js"></script>

score 1 · Accepted Answer · answered May 23 '13 at 02:29

JQuery is a JavaScript library. If you try to call JQuery functions before its referenced they won't be defined.

<head>
    <script type="text/javascript" src="Exp_jQuery.js"></script>
    <link rel="stylesheet" type="text/css" href="Exp_Style.css">
    <script type="text/javascript" src="Exp_script.js"></script>
</head>

Why wont my jQuery work?

2 Answers2