jQuery教程:检测网页标准的W3C盒子模型

盒子模型分为两类，一类是W3C盒子模型，另一类是IE盒子模型。两者最根本的区别在于，属性Height与Width这两个值是否包含padding与border。W3C盒子模型不包含padding与border，仅值内容和Height和Width，而IE盒子模型包含padding与border。

在jQuery中，可以通过jQuery.support.boxModel对象返回的属性值，确定是否是标准的W3C盒子模型，该方法返回一个布尔值，如果是true表示是W3C盒子模型，否则，则不是W3C盒子模型。

下面是检测页面是否是W3C盒子模型的示例：

<div id="tip"></div>
<script>
    $(function () {
        var boxModel = "您打开的页面是：";
        if ($.support.boxModel) {
            boxModel += "W3C盒子模型";
        } else {
            boxModel += "IE盒子模型"
        }
        $("#tip").html(boxModel);
    })
</script>