我想创建类似于chrome的devtools中的inspect dom功能的东西
当onhover a – 预设的doms列表 – 在dom顶部创建一个div.shadow,覆盖它的宽度/高度相同,当鼠标离开阴影时隐藏它或者如果新的选定dom悬停,它会改变位置和尺寸,

dom.mouSEOver(function(e) {
  shadow.css({
    display: "block",width: dom.width+"px",height: dom.height+"px",top: dom.top+"px",left: dom.left+"px"
  });
});

shadow.mouseleave(function() {
  $(this).css('display','none');
});;

但是在选定的dom列表中有父母/子女如“身体”时会出现问题
它将阴影放在身体上然后忽略来自儿童的任何鼠标悬停/鼠标中心