display为none时jquery的outerWidth()与原生offsetWidth差别

最新推荐文章于 2024-05-10 17:27:37 发布

qq_37467814

最新推荐文章于 2024-05-10 17:27:37 发布

阅读量854

点赞数

分类专栏： javascript jquery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_37467814/article/details/55107004

版权

javascript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

jquery

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display为none时jquery的outerWidth()与原生offsetWidth差别</title>
<style>
#div1{
width: 100px;
height: 100px;
/*display: none;*/
}
</style>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
// alert($('#div1').outerWidth());
alert($('#div1').get(0).offsetWidth);
// display为block时，$('#div1').outerWidth()与$('#div1').get(0).offsetWidth 取的值是相同的=width+padding+border;
// display为none时，上例中$('#div1').outerWidth()=100与$('#div1').get(0).offsetWidth=0;
// $('#div1').outerWidth(true)=width+padding+border+margin;
})
</script>
</head>
<body>
<div id="div1">tony</div>
</body>
</html>