javascript - jQuery if条件为两个元素mouseleave

Question

这是代码和在线 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();
});

Answer 1

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

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

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

Answer 2

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

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

Answer 3

将鼠标从 blocka 移动到 blockb 时，您可能希望保持 blockb 打开，因此代码为：

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