javascript - jQuery的悬停功能不起作用

的HTML

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

JS / jQuery

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

现在，我要尝试的是当鼠标悬停在段落上时，该元素应隐藏，而当鼠标离开该元素时，该元素应再次可见。但是，这两段都没有隐藏，因此没有出现。怎么了

最佳答案

您缺少了＃ID选择器，只有“ para”在寻找标记<para>（在这种情况下当然不存在）。

$("#para")

附带一提，您通常希望在这种情况下包裹某种div（设置为设置的大小）等，并在其中获取悬停事件，并显示内部div。使它减少“跳动”。

另外，如果您使用div进行操作，则可以使用CSS进行：

div:hover #para { display:block; }

jsFiddle CSS example

关于javascript - jQuery的悬停功能不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12607366/