大佬教程收集整理的这篇文章主要介绍了javascript – Chrome使用jquery检查元素，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我想创建类似于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列表中有父母/子女如“身体”时会出现问题
它将阴影放在身体上然后忽略来自儿童的任何鼠标悬停/鼠标中心
var shadow = $('<>< 1)="" return;="" shadow.css({="" display:="" "block",width:="" dom[0].offsetwidth="" +"px",height:="" dom[0].offsetheight="" +"px",top:="" dom.position().top="" +"px",left:="" dom.position().left="" +"px"="" });="" shadow.show();="" });="">以上是大佬教程为你收集整理的javascript – Chrome使用jquery检查元素全部内容，希望文章能够帮你解决javascript – Chrome使用jquery检查元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。