Javascript jquery mouseenter和fadeTo

我希望一个div在鼠标进入时褪色为不透明度1，离开时褪色为0.5。这是我的代码：

        <script>
    $(document).ready(function(){
        $("#header").mouseenter(function(){
        $("#header").fadeTo('fast', 1);
        });
        $("#header").mouseleave(function(){
            $("#header").fadeTo('fast', 0.5);
    });

    }


    </script>

$（文档）.ready（函数（）{
$（“#头”）.mouseenter（函数（）{
$（“#标题”）.fadeTo（'fast'，1）；
});
$（“#头”）.mouseleave（函数（）{
$（“#页眉”）.fadeTo（'fast'，0.5）；
});
}

HTML:

你好
胡说八道

---

正文中有一个div，包含一个h1和一个p。当我将鼠标移到它上面时，什么都不会发生。是否有问题？

您错误的缩进隐藏了语法错误：

$(document).ready(function(){
    $("#header").mouseenter(function(){
        $("#header").fadeTo('fast', 1);
    });
    $("#header").mouseleave(function(){
        $("#header").fadeTo('fast', 0.5);
    });
}); // <= missing parenthesis

$（文档）.ready（函数（）{
$（“#头”）.mouseenter（函数（）{
$（“#标题”）.fadeTo（'fast'，1）；
});
$（“#头”）.mouseleave（函数（）{
$（“#页眉”）.fadeTo（'fast'，0.5）；
});
})css怎么样

#header {
  opacity: .5;
  transition: opacity .3s ease-in-out;
}
#header:hover {
  opacity: 1;
}

只需确保添加所有css供应商前缀。这比使用jQuery IMO要好。如果浏览器不支持
transition
或
opacity
这没什么大不了的，那就是“优雅降级”都是关于。
你也可以发布你的html吗？@KyleWeller是因为我有一张图片作为背景图像吗？@KyleWeller我现在添加了html你尝试过我链接的小提琴了吗？它非常有效。单击“使用js运行”按钮。这是因为我有一个图像作为背景图像吗？中没有错误？如果图像在标题中，则应更改其不透明度。尝试使用0.1而不是0.5以更好地查看它。我在上一条评论中给了你一个链接。你真的应该学会使用浏览器的开发工具（Firefox或Chrome）在编写更多javascript之前。没有它几乎不可能做任何复杂的事情。这是可行的！谢谢！但我仍然不明白为什么它不能与我的js代码一起工作。。。
#header {
  opacity: .5;
  transition: opacity .3s ease-in-out;
}
#header:hover {
  opacity: 1;
}