jQuery在鼠标悬停时淡入答案

【问题标题】：jQuery fade in on mouseoverjQuery在鼠标悬停时淡入
【发布时间】：2011-07-05 02:47:43
【问题描述】：

我知道这有点微不足道，但我今晚刚拿起 jQuery 来在我的练习网站上添加一些东西，但我似乎无法让我编写的这个小脚本工作。提前致谢。

$(document).ready(function(){
    $("p4").fadeTo("slow", 0.25);
    $("p4").mouseover(function(){$("p4").fadeTo("fast",1.00);});
    $("p4").mouseout(function(){$("p4").fadeTo("slow",0.25);});
    });


<div id="p4" align="left">
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAHfffffffffffffffffffffffffffffffffffffffffff
</div>

我也有一些 CSS

【问题讨论】：

如果它在 jsFiddle 中工作，听起来好像没有加载 jQuery 包

标签： javascript jquery html

【解决方案1】：

使用 jquery 时，需要下载库。由于大多数人没有它们，除非他们进行繁重的网页设计，因此您必须从 Google 或 Microsoft 等主机导入它...

使用此代码解决了问题：

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

感谢大家的指导！我很感激！

【讨论】：

直到我发布了我的最后一条评论后才注意到这个答案。有趣的是我们想到了同样的事情！

【解决方案2】：

我想你的 HTML 看起来像 <div id="p4"></div>。

因此，您需要在任何地方使用$("#p4") 来查找id，而不是$("p4")（实际上是在寻找<p4></p4>）。

http://jsfiddle.net/84k7e/

【讨论】：

我用
包围了。我认为那是同一件事
我看到你有点添加了你的 HTML。就像我在回答中所说的那样，您所要做的就是在您的 Javascript 中，将 $("p4") 的所有实例更改为 $("#p4")。您的 HTML 中并没有真正的 <code> 标签，是吗：S（只是检查..）
不，我不大声笑。我确实将我的 p4 更改为 #p4，仍然没有...如果我在
中有 id，我需要标签吗？
这太糟糕了。它在 jsfiddle 上完美运行，但在我的网页上却不行……我什至将 css 添加到 jsfiddle
@TrevorMA：你确定jquery.js 正在加载吗？