javascript - jQuery 在 JS 文件中不可用

标签 javascript jquery html css

<分区>

以下是我的 HTML、CSS 和 JavaScript。谁能看到我哪里出错了?注意:我在单独的文件中创建 JavaScript,而不是在与 HTML 相同的文件中。

我是否必须在 jQuery 文件上添加任何额外的链接或代码才能使其执行函数?

HTML代码:

<!DOCTYPE html>

<html>
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script type="text/javascript" src="script.js"></script>
<title>CodePlay</title>
</head>
<body>

    <div></div>
</body>
</html> 

CSS:

div {
    height: 100px;
    width: 100px;
    border-radius: 5px;
    background-color: red;
    opacity: 0.25;
}

JavaScript:

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

最佳答案

您在 html 代码的头部缺少 jQuery 脚本,将此行添加到:

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

该行适用于您正在使用的 HTML5,所以您没问题。如果您使用的是 HTML 4 或 XHTML,则需要这样引用它:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

祝编码顺利。

关于javascript - jQuery 在 JS 文件中不可用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15304924/

上一篇:html - 是否可以只设置图像替代文本的一部分样式?

下一篇:javascript - 下拉菜单css根据内容展开宽度

相关文章:

javascript - 防止大图像在 src 更改时闪烁

php - 如何将文件内容实时流式传输到浏览器

javascript - 在 contenteditable=false 上防止空行在 IE 中折叠

jquery - Tablesorter 数学小部件使用 data-*

javascript - 格式化信用卡输入 JS 或 jQuery

python - 在 Python 中获取网站描述的最佳方法是什么?

javascript - 在 Javascript 中有条件地调用函数?

javascript - 从电话号码中去掉最后一个连字符 (-)

javascript - jQuery 验证工具 - 精确文本字符串方法

javascript - 检查 selectBox 中的元素 id-value(下拉列表)