Javascript jQuery未设置CSS游标属性

Javascript jQuery未设置CSS游标属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我尝试使用jQuery,以便将光标设为指针,但它不起作用。基本上jQuery不起作用,我不知道该怎么办,因为我真的尝试了所有的方法并检查了两次 <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="ShowMeHowMainPageCSS.css"/> </head> <body> <div class =

我尝试使用jQuery,以便将光标设为指针,但它不起作用。基本上jQuery不起作用,我不知道该怎么办,因为我真的尝试了所有的方法并检查了两次

<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="ShowMeHowMainPageCSS.css"/>
</head>
<body>
<div class = "Parts" id = "part1">News Feed</div>
<div class = "Parts" id = "part2">Blog</div>
<div class = "Parts" id = "part3">Video</div>
<div class = "Parts" id = "part4">My Profile</div>
<div id = "menu">
    <div id = "newsFeedMenu" class = "circle"></div>
    <div id = "BlogMenu" class = "circle"></div>
    <div id = "videoToturialsMenu" class = "circle"></div>
    <div id = "MyProfileMenu" class = "circle"></div>
</div>

<script>
    $(document).ready(function(){

$('.circle').hover(function(){
    $(this).css('cursor','pointer');
    $('#menu').css('opacity','1');
});

});
</script>

<script type ="text/javascript" src = "jQueryF.js"></script>
<script type ="text/javascript" src = "showMeHowJQUERY.js"></script>
</body>
</html>

新闻提要
博客
视频
我的个人资料
$(文档).ready(函数(){
$('.circle').hover(函数(){
$(this.css('cursor','pointer');
$('#menu').css('opacity','1');
});
});

在使用javascript文件定义任何内容之前,需要先加载javascript文件

将此作为代码顶部的head标记

<script type ="text/javascript" src = "jQueryF.js"></script>
<script type ="text/javascript" src = "showMeHowJQUERY.js"></script>


在jquery库包含脚本标记后添加该脚本块。为什么要使用jquery设置CSS而不是在CSS中设置它?如果查看,您将看到错误消息,这将有助于下一次脚本不工作。它不会发生错误,实际上,我需要做一些其他的事情,但我认为可能是我写了一个错误的代码或其他东西,所以我写了一些简单的东西,只是为了看看jQuery是否工作,但它没有响应。嗯,我需要将jQuery作为一个不同的文档使用,而不是在html中。因此,在脚本解决了问题之后放置代码是正确的,但如果使用其他文档,它就不会工作