0

基本上，我正在学习 jQuery，但它不起作用。我试图弄清楚，但似乎找不到我的代码有什么问题。

这是我的索引：

<!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);
});
});
4

2 回答 2

5

首先使用 jquery 库，然后使用它们的依赖项。

改变

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

至

<script type="text/javascript" src="Exp_jQuery.js"></script>
<script type="text/javascript" src="Exp_script.js"></script>
于 2013-05-23T02:30:07.073 回答
1

JQuery 是一个 JavaScript 库。如果您尝试在引用之前调用 JQuery 函数，它们将不会被定义。

<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>
于 2013-05-23T02:29:56.123 回答