jQuery如果条件为两个元素mouseleave

时间:2013-04-05 02:41:16

标签: javascript jquery

这是代码和online JsFiddle

<div class="blocka"></div>
<div class="blockb"></div>
$(".blocka").mouseenter(function(){
     $(".blockb").show();
});
$(".blocka").mouseleave(function(){
     $(".blockb").hide();
});

我的问题是有可能有类似的东西 if $(".blocka") or $(".blockb") mouseleave然后隐藏$(".blockb")

我尝试了以下但不起作用:

$(".blocka" || ".blockb" ).mouseleave(function(){
     $(".blockb").hide();
});

3 个答案:

答案 0 :(得分:1)

$(".blocka, .blockb" ).mouseleave(function(){
         $(".blockb").hide();
    });

多个选择器将起作用。 http://api.jquery.com/multiple-selector/

答案 1 :(得分:1)

您可以使用逗号,进行多项选择:

$(".blocka, .blockb").mouseenter(function(){
     $(".blockb").show();
});
$(".blocka, .blockb").mouseleave(function(){
     $(".blockb").hide();
});

更新小提琴:
http://jsfiddle.net/jaUNY/3/

答案 2 :(得分:0)

您可能希望在将鼠标从块移动到块时保持块b打开,因此代码将为:

$(".blocka, .blockb").hover(
    function() { $(".blockb").show() },
    function() { $(".blockb").hide() }
);