display为none时jquery的outerWidth()与原生offsetWidth差别
来源:互联网 发布:node gzip压缩 编辑:程序博客网 时间:2024/06/04 01:30
<!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>
<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>
0 0
- display为none时jquery的outerWidth()与原生offsetWidth差别
- jquery 学习之 display:none与visible:hidden的区别
- 关于visibility与display:none的jQuery问题
- display:'none'与display:''
- jquery offset()的对象如果是display:none的,则返回值为0,0
- jquery控制display属性为none或block
- jquery控制display属性为none或block
- visibility:hidden 与display:none的区别
- display:none与visible:hidden的区别
- fadeIn与display:none的关系
- display:none与visible:hidden的区别
- display:none;与visibility:hidden;的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none与visible:hidden的区别
- display:none 与 visible:hidden的区别
- Java链接SQL Server2014 Express
- 聚茶吧的内容来源-Python爬虫
- 数据统计
- leetcode 11. Container With Most Water
- 思岚科技a1雷达sdk linux下的cmake 工程搭建
- display为none时jquery的outerWidth()与原生offsetWidth差别
- poj 1185
- 项目实战项目搭建(ImageLoader,Xutils)一
- 1049. Counting Ones (30)
- activity 与 service 之间的通信
- mtime,atime,ctime的区别,find命令的使用
- 使用Android MediaPlayer播放媒体文件
- 邮件发送demo源码
- Android 对封装RecyclerView.Adapter讲解