jquery - 如果 e.target 不是 xxx 的孩子，请执行某些操作

Question

我想在用户悬停元素时更改元素的 z-index，并在用户鼠标悬停时重新初始化它。

但我的问题是我无法知道如何知道用户何时将我的元素的子项悬停以悬停，或者他是否要离开该元素。

我试过了：

    var controlsWrapper = $('#controls-wrapper');

controlsWrapper.on('mouseover', function() {
    console.log('in');          
})
controlsWrapper.on('mouseout', function(e) {
    if(!controlsWrapper.has(e.target)) {
        console.log('out');
    }
})