javascript - 在 jquery 库 jquery-1.4.2.min.js 上，我想在图像悬停时显示隐藏，但它不起作用

Question

我在这方面犯了什么愚蠢的错误吗？我试过最接近和下一个，但它不支持这个库。我也不能改变自由。我想要函数通用，以便我可以多次使用此图标

 <span style="position:relative" class="iconblock">
                <img class="queicon" src="images/question_icon.gif"  alt="icon" /> 
                <span class="helpPopup hidden">test test test</span>

$(".iconblock").mouseover(function() 
{
var sachin =  $(this).find("hidden");   
alert(sachin);  
});

Answer 1

$(this).find(".hidden");

你忘了.之前隐藏。

您也可以使用快捷方式来指定上下文 $(".hidden",this)

$(".iconblock").mouseover(function() 
{
  $(".hidden",this).removeClass('hidden');
});

http://jsfiddle.net/cJbVY/

如果您打算在鼠标悬停/鼠标移出时显示和隐藏，您可以试试这个

http://jsfiddle.net/ze6Xy/

$(".iconblock").hover(function() 
{
  $(".helpPopup",this).toggleClass('hidden');
});

Answer 2

只是想在这里提供帮助，您真的需要为此使用 JS/Jquery 吗？

HTML：

<span style="position:relative" class="iconblock">
   <img class="queicon" src="images/question_icon.gif"  alt="icon" />
   <span class="helpPopup hidden">test test test</span>

在 CSS 中，类似：

.iconblock .hidden {
     display:none;
 }

.iconblock:hover .hidden {
     display:block;
 }