关于JQuery焦点事件

如果我将鼠标置于菜单1上方或将鼠标置于菜单1上方，则菜单1中会出现一条蓝线。当我从菜单1中调出焦点时，一条蓝线重复出现并消失

我想当我将菜单1对焦到菜单2时，必须存在一条蓝线。我试图搜索焦点事件（

focus

，

blur

，

onfocus

等）

$（“#menu.menu1>li”）.on（“鼠标上方聚焦”，函数（）{
var ht=$（this.children（“#menu.menu2”）.outerHeight（）；
$（this.addClass（“on”）.children（“menu.menu2”）.addClass（“on”）；
$（“菜单”）.addClass（“on”）.css（“高度”，ht+100）；
}).on（“mouseleave focusout”，函数（）{
$（this.removeClass（“on”）.children（“menu.menu2”）.removeClass（“on”）；
$（“#菜单”）.removeClass（“on”）.css（“高度”，“100px”）；
});
*{
保证金：0；
填充：0；
框大小：边框框；
}
a{
颜色：#000；
文字装饰：无；
}
ul，
ol{
列表样式：无；
}
#菜单{
溢出：隐藏；
位置：相对位置；
高度：100px；
过渡段：高度0.4s；
}
#菜单{
背景色：#eee；
}
#菜单1{
位置：相对位置；
左侧填充：250px；
背景色：#fff；
字号：0；
}
#menu.menu1>li{
显示：内联块；
}
#menu.menu1>li>a{
显示：块；
位置：相对位置；
填充：37px 33px；
字号：18px；
}
#菜单。菜单1>li>a:之前{
变换：scaleX（0）；
内容：“；
}
#menu.menu1>li.on>a{
颜色：#0067ac；
}
#menu.menu1>li.on>a:before{
位置：绝对位置；
底部：-5px；
左：0；
z指数：9999；
变换：scaleX（1）；
宽度：100%；
高度：6px；
边界半径：4px；
背景色：#0067ac；
过渡：均为0.3秒；
}
#菜单，菜单2{
位置：绝对位置；
顶部：-9999px；
左：0；
z指数：2；
宽度：100%；
填充：30px；
}
#menu.menu2.on{
顶部：100px；
}
#菜单2：之后{
显示：块；
明确：两者皆有；
内容：“；
}
#menu.menu2>li{
浮动：左；
宽度：25%；
文本对齐：左对齐；
}
#menu.menu2>li a{
显示：块；
位置：相对位置；
保证金：5px；
填充：10px；
边框：1px实心#0067ac；
字体大小：15px；
}
#menu.menu2>li>a:悬停，
#menu.menu2>li>a:focus{
背景色：#0067ac；
颜色：#fff；
}