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

Javascript 在jquerylibrary jquery-1.4.2.min.js上,我想在图像悬停时显示隐藏,但它不起作用,javascript,jquery,Javascript,Jquery,我在这方面犯了什么愚蠢的错误吗?我试过“最近的”和“下一个”,但在这个图书馆里它不支持。我也不能自由地改变。 我想要generaic函数,这样我就可以多次使用这个图标 <span style="position:relative" class="iconblock"> <img class="queicon" src="images/question_icon.gif" alt="icon" /> &l

我在这方面犯了什么愚蠢的错误吗?我试过“最近的”和“下一个”,但在这个图书馆里它不支持。我也不能自由地改变。 我想要generaic函数,这样我就可以多次使用这个图标

 <span style="position:relative" class="iconblock">
                <img class="queicon" src="images/question_icon.gif"  alt="icon" /> 
                <span class="helpPopup hidden">test test test</span>
您在隐藏之前忘记了

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

如果你想在鼠标上显示和隐藏,你可以试试这个


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

HTML:


我不推荐第二种语法<代码>.find()的意图更清晰,也更容易阅读。它根本不起作用。你能用jquery 1.4.2库添加fildde吗?更新了答案,我用的是1.4。2@Blender我同意,但在有选择器链的情况下,我总是喜欢使用根容器作为上下文,这有助于提高可读性。:)不应该是这样的。iconblock.hidden和。iconblock:hover.hidden,看起来他想隐藏并显示hover.oops上的文本,对不起,我忘了。。哈哈,搞定了
$(".iconblock").mouseover(function() 
{
var sachin =  $(this).find("hidden");   
alert(sachin);  
});
$(this).find(".hidden");
$(".iconblock").mouseover(function() 
{
  $(".hidden",this).removeClass('hidden');
});
$(".iconblock").hover(function() 
{
  $(".helpPopup",this).toggleClass('hidden');
});
<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 .hidden {
     display:none;
 }

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