jQuery不设置CSS光标属性

jQuery Not Setting CSS Cursor Property

本文关键字:光标 属性 CSS 设置 jQuery      更新时间:2023-09-26

我尝试使用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>

你需要在使用它们定义任何东西之前先加载javascript文件

将其作为代码的顶部放在head标签

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