JQuery Box Model是一種對網(wǎng)頁元素結(jié)構(gòu)的簡單描述，其核心概念是把文檔中的元素看做是一個(gè)盒子，這個(gè)盒子由邊框、內(nèi)邊距和內(nèi)容等部分構(gòu)成。

JQuery Box Model可以通過四個(gè)屬性描述一個(gè)元素的盒子模型：

box-sizing: content-box | border-box;
margin: top right bottom left;
padding: top right bottom left;
border: width style color;

其中，box-sizing屬性用來設(shè)置元素的盒子模型。默認(rèn)情況下，元素的box-sizing屬性值為content-box。也就是說，元素的寬度和高度只包括內(nèi)容的寬度和高度，并不包括邊框?qū)挾群蛢?nèi)邊距。如果將box-sizing屬性設(shè)置為border-box，則元素的寬度和高度不僅包括內(nèi)容的寬度和高度，還包括邊框?qū)挾群蛢?nèi)邊距。

margin屬性用來設(shè)置元素的外邊距。可以設(shè)置四個(gè)值，分別對應(yīng)上下左右的外邊距寬度。

padding屬性用來設(shè)置元素的內(nèi)邊距。同樣可以設(shè)置四個(gè)值，分別對應(yīng)上下左右的內(nèi)邊距寬度。

border屬性用來設(shè)置元素的邊框。包括三個(gè)子屬性，分別為邊框的寬度、樣式和顏色。

在CSS中，如果不指定元素的盒子模型，會(huì)按照content-box來處理。而在JQuery中，通過設(shè)置box-sizing屬性值，可以很方便地控制元素的盒子模型。這樣就可以更準(zhǔn)確地控制元素的尺寸，避免元素由于邊框和內(nèi)邊距的影響而變形。