免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1662 | 回复: 0
打印 上一主题 下一主题

jQuery1.2.6文档中没有的两函数 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-09-04 11:33 |只看该作者 |倒序浏览
$.fn.outerWidth()
$.fn.innerWidth()
$.fn.outerHeight()
$.fn.innerHeight()

$.fn.width(), $.fn.height() 按W3C标准,只取块级元素的宽度或高度
(不包括 padding border).
$.fn.innerWidth, $fn.innerHeight (padding + $.fn.[width|height]).
$.fn.outerWidth, $fn.outerHeight (border + padding + $.fn.[width|height]),
如果指定 margin 属性(margin + border + padding + $.fn.[width|height]).

<style type="text/css">
#myTest {
    margin: 10px;
    padding: 10px;
    border: 10px solid red;
    width: 100px;
    height: 100px;
    background-color: black;
}
</style>
<div id="myTest"></div>
<script language="javascript">
jQuery.each(['width', 'height', 'innerWidth', 'innerHeight', 'outerWidth', 'outerHeight'],
    function(k, v) {
        console.log($('#myTest')[v]());
        if ('outerWidth' == v || 'outerHeight' == v) {
            console.log($('#myTest')[v](true));
        }
    }
);
//100, 100, 120, 120, 140, 160, 140, 160
</script>
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP