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');
    }
})