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