Question

基本上，我正在学习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);
});
});

Answer 1

首先使用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>

Answer 2

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>

为什么我的jQuery不工作？

2 个答案: