淺析jQuery1.8的幾個小變化

2024-05-06 15:57:33

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了jQuery1.8中的幾個小變化。需要的朋友可以過來參考下，希望對大家有所幫助

一，.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></div>
        <script>
            var $el = $('#container')
            var w = $el.width();
            console.log(w)
        </script>
    </body>
</html>