频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
display为none时jquery的outerWidth()与原生offsetWidth差别
2017-02-16 10:28:00         来源:marie0119  
收藏   我要投稿
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display为none时jquery的outerWidth()与原生offsetWidth差别</title>
<style>
#p1{
width: 100px;
height: 100px;
/*display: none;*/
}
</style>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
// alert($('#p1').outerWidth());
alert($('#p1').get(0).offsetWidth);
// display为block时,$('#p1').outerWidth()与$('#p1').get(0).offsetWidth 取的值是相同的=width+padding+border;
// display为none时,上例中$('#p1').outerWidth()=100与$('#p1').get(0).offsetWidth=0;
// $('#p1').outerWidth(true)=width+padding+border+margin;
})
</script>
</head>
<body>
<p id="p1">tony</p>
</body>
</html>

 

点击复制链接 与好友分享!回本站首页
相关TAG标签 jquery
上一篇:Jquery类工具类函数
下一篇:js中的异常处理
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站