问

将鼠标悬停在父元素和所有子元素上

syingjin 发布于 2023-02-09 15:41

jquery

我有这样的结构:


    Child 1
    Child 2
    Child 3
    Child 4

在jQuery中,我想要它,这样当你将鼠标悬停在"父"(包括"孩子")的任何地方时,"父"会在它周围获得一个白色边框.这是我目前拥有的:

$("div#parent").hover(function(){
    $(this).css("border-color", "white");
});
$("div#parent").mouseOut(function(){
    $(this).css("border-color", "black");
});

这段代码的问题在于,如果你将鼠标放在孩子身上,它通常不会再变黑.此外,由于孩子,有时似乎不会发射悬停.

我希望这个工作非常干净,简单而且没有错误.可以做些什么？

谢谢您的帮助!:)

1 个回答

hover()注册了mouseenter和mouseleave处理程序,因此你可以将两个事件处理函数传递给.hover()第一个for mouseenter和第二个for,mouseleave并删除mouseout处理程序
```
$("#parent").hover(function(){
    $(this).css("border-color", "white");
},function(){
    $(this).css("border-color", "black");
});
```
演示:小提琴
2023-02-09 15:44 回答

elgin2010

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签