jQuery mouseenter和fadeTo问题_Jquery

jQuery mouseenter和fadeTo问题

jquery

jQuery mouseenter和fadeTo问题,jquery,Jquery,我正在学习codeacademy.com jQuery课程，以便在阅读《jQuery In Action》一书之前对jQuery有一个很好的了解，我已经讲了一部分，但代码不起作用，我不明白为什么。我在这里创建了一个jsFiddle 以下是codeacademy.com的说明：太好了！接下来，让我们将function关键字和两个新动作包括在一起，mouseenter（）和fadeTo（） mouseenter（）实现了您可能期望的功能：当鼠标输入给定的HTML元素时，它会产生一个更改。比如说,

我正在学习codeacademy.com jQuery课程，以便在阅读《jQuery In Action》一书之前对jQuery有一个很好的了解，我已经讲了一部分，但代码不起作用，我不明白为什么。

我在这里创建了一个jsFiddle

以下是codeacademy.com的说明：

太好了！接下来，让我们将function关键字和两个新动作包括在一起，mouseenter（）和fadeTo（）

mouseenter（）实现了您可能期望的功能：当鼠标输入给定的HTML元素时，它会产生一个更改。比如说,

$（文档）.ready（函数（）{ $（'div'）.mouseenter（函数（）{ $（'div'）.hide（）； }); }); 将在您将鼠标移到某个页面上时立即隐藏该页面上的每个。（我们将在下一课中了解如何影响其中一个。）目前，我们只有一个，因此此设置是可以的

但是，我们将在mouseenter（）中放置fadeTo（）而不是hide（）。fadeTo（）在括号之间接受两个参数或输入，以逗号分隔：淡入淡出的速度和淡入淡出的不透明度（或透明度）。比如说,

fadeTo（'fast'，0.25）；会迅速将目标元素淡入其原始不透明度的25%，使其颜色非常浅

使用上面的例子，当鼠标进入“div”时，使“div”变为1（100%）不透明度。使动画速度“快”。（确保按顺序为fadeTo（）输入速度，然后是不透明度。）

将鼠标移到“div”上以查看效果

以下是HTML：

<html>
 <head>
  <title>Button Magic</title>
  <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
 </head>
 <body>
  <div><br/><strong>Click Me!</strong></div>
  <script>type="text/javascript" src="script.js"</script>
 </body>
</html>

最后是jQuery：

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

提前感谢您的帮助。

您将

Mootools

而不是

jQuery

放在小提琴中。你的叉子。

你把

Mootools

而不是

jQuery

放在小提琴里。你的叉子。

因为在jsiddle中，MooTools库是默认设置的。将其更改为jQuery，它将工作：

因为在JSFIDLE中，默认情况下设置了MooTools库。将其更改为jQuery，它将工作：

默认情况下，在加载MooTools的js的FIDLE中选择MooTools库。选择onLoad选择框旁边的jquery，它将加载jquery的js

这是工作小提琴

包含

jquery

，它将工作。

默认情况下，在加载MooTools的js的FIDLE中选择MooTools库。选择onLoad选择框旁边的jquery，它将加载jquery的js

这是工作小提琴

包括

jquery

，它就会工作。

顶部没有jquery插件：

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script>
    $(document).ready(function() {
        $("div").mouseenter(function() {
            $("div").fadeTo("fast", 1);
        });
    });
</script>


$（文档）.ready（函数（）{
$（“div”）.mouseenter（函数（）{
美元(div),法德托(fast),1 ;；
});
});

在您的小提琴中，您没有从左侧下拉列表中选择jQuery插件

请看这张小提琴：

顶部没有jquery插件：

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script>
    $(document).ready(function() {
        $("div").mouseenter(function() {
            $("div").fadeTo("fast", 1);
        });
    });
</script>


$（文档）.ready（函数（）{
$（“div”）.mouseenter（函数（）{
美元(div),法德托(fast),1 ;；
});
});

在您的小提琴中，您没有从左侧下拉列表中选择jQuery插件

看这把小提琴：

这是沃克林小提琴。谢谢你能告诉我我做错了什么吗？我会投票接受你的答案。编辑-对不起，我没有看到下面的答案。沃克林小提琴在哪里。谢谢你能告诉我我做错了什么吗？我会投票接受你的答案。编辑-抱歉没有看到下面的答案表情：。再次感谢VisioN，嗯，这很奇怪那一定是codeacademy.com网站。演示：。再次感谢VisioN，嗯，这很奇怪那一定是codeacademy.com网站。