javascript - Jquery悬停功能不起作用

Question

HTML

<p id="para"> This is a paragraph</p>

JS/Jquery

$("para").hover(function() {$(this).hide();}, function() {$(this).show();}); 

现在我想做的是，当鼠标悬停在段落上时，该元素应该隐藏，而当鼠标离开时，该元素应该再次可见。然而，这两个段落都没有隐藏，因此也没有出现。这里有什么问题吗？

Answer 1

您缺少 # ID 选择器，只有“para”正在寻找标签 <para> (在这种情况下当然不存在。

$("#para")

附带说明一下，您通常希望有某种 div (假设是固定大小)等围绕着这样的情况，并且悬停事件是从哪里获取的，并且显示了内部 div。使它不那么“跳跃”。

另外，如果你用 div 来做，它也可以用 CSS 来完成:

div:hover #para { display:block; }

jsFiddle CSS example