一段简单的 jQuery 代码为何不起作用？

如上三张图片，我想实现鼠标滑过时颜色加深，移出时颜色减淡，可为什么不起作用呢？... 如上三张图片，我想实现鼠标滑过时颜色加深，移出时颜色减淡，可为什么不起作用呢？展开





 我来答

1个回答

#热议# 为什么有人显老，有人显年轻？

learneroner

高粉答主

推荐于2016-07-08 · 关注我不会让你失望

知道大有可为答主

回答量：1.1万

采纳率：91%

帮助的人：6557万

我也去答题访问个人页

关注

展开全部

看你的代码，应该没问题啊，请检查你的jquery是否引入的正常。另外可以试试以下jquery代码

$("div").fadeTo('fast',0.5);
$("div").mouseenter(function(){
    $(this).fadeTo('fast',1);
}).mouseleave(function(){
    $(this).fadeTo('fast',0.5);
})

更多追问追答
追问

你好，请问如何判断 jQuery 是否引入得正常？
追答
你在你第二张图片的第一行后面写一句
alert($("div").html());然后刷新一下页面，如果弹出对话框中有相应的内容就说明jquery引入正确了
追问

你好，我加了，可是没有弹出对话框，请问你可以分析出究竟是出了什么问题吗？
追答
连对话框都没有？那应该是jquery没有正确引入或者存在语法错误了，尝试一下两步：
1、第一幅图片第七行改为
<script src="http://code.jquery.com/jquery-latest.js"></script>2、贴出完整代码我看看
追问
这个就是完整的代码了，语法上应该不存在问题，烦请告知问题出在哪里，十分感谢！




追答
你第二幅图片是单独一个文件，叫做jquery_01.js？是的话，那就不要注释掉第一幅图片的第八行，让它显示出来。或者你把第二幅图片的代码放到第一幅图片的head部分，注意用<script>标签包围起来。例如下面的例子：
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
    $(document).ready(function(){  
      $("#div1").fadeTo('fast',0.5);
      $("#div1").mouseenter(function(){
        $(this).fadeTo('fast',1);
      }).mouseleave(function(){
        $(this).fadeTo('fast',0.5);
      })
    });
  </script>
</head>
<body>
  <p>演示带有不同参数的 fadeTo() 方法。</p>
  <br><br>
  <div id="div1" style="width:80px;height:80px;background-color:red;"></div>
</body>
</html>现在看来，你的问题所在：如果你要使用jquery，必须单独引用一个jquery库文件，也就是我之前让你加上的那行代码。
追问

你好，是这样的，我第二张图片的确是一个单独的 js 文件，然后我按照你说的，把注释去掉，并且引入了库，可还是不起作用（奇怪）。
然后我直接把 jQuery 代码放入  中了，发现可以，请问这是怎么回事？
追答

你的jquery_01.js放在什么地方？应该和你的html文件在同一个目录
追问

一直是在同一个目录的，现在又可以了，谢谢你。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

一段简单的 jQuery 代码为何不起作用？

其他类似问题

为你推荐：