淺析jQuery1.8的幾個小變化

2019-11-20 21:29:54

字體：大中小

來源：轉載

供稿：網友

一，.width() 和 .height()方法

1.8增加了對css屬性box-sizing的支持，需要注意與1.7.2的區別了。1.7.2及以前的版本無論是否定義box-sizing: border-box返回的都是盒模型中元素內容的寬度或高度，不包括padding和border。

1.8后則不同了，當設置了css屬性box-sizing: box-border后，使用width()返回的數值有可能與css中設置的不同。如

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"/> 
        <style type="text/css">
            #container { 
                box-sizing: border-box; 
                -moz-box-sizing: border-box; 
                width: 500px; 
                padding: 5px; 
                border: 5px solid gold; 
            } 
        </style> 
        <script src="js/jquery-1.8.0.js"></script> 
    </head> 
    <body> 
        <div id="container"></div> 
        <script> 
            var $el = $('#container') 
            var w = $el.width(); 
            console.log(w) 
        </script> 
    </body>    
</html>