首頁(yè)電商視覺(jué)設(shè)計(jì)技術(shù)文章正文

UI培訓(xùn)Jquery中尺寸函數(shù)

更新時(shí)間:2016年05月10日15時(shí)25分來(lái)源:傳智播客UI培訓(xùn)學(xué)院瀏覽次數(shù):

Jquery中尺寸函數(shù)總結(jié)

在工作中，難免需要獲取元素的一些寬度、高度等一些類型的值，在教學(xué)中，很多學(xué)生也問(wèn)到，那么下邊我們就一起總結(jié)一下這一組函數(shù)。

首先第一組height(val) 與 width(val)，這個(gè)相對(duì)來(lái)說(shuō)比較簡(jiǎn)單，如果參數(shù)val為空，就表示；直接獲取’height’的值；如果沒(méi)有設(shè)置val值，則表示要獲取某個(gè)元素的height值，可以是字符串或者數(shù)組，還可以是一個(gè)函數(shù)，返回的值為要設(shè)置的值。

然后看第二組 innerHeight() 與 innerWidth() 表示獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度（包括padding、但是不包括border屬性）。

最后看第三組outerHeight(options)與outerWidth(options),表示獲取元素的外部高度和寬度（默認(rèn)包括padding和border）里邊的參數(shù)options，可以是true或者false，默認(rèn)為false，如果設(shè)置為true時(shí)，則返回值會(huì)將邊距（margin）計(jì)算在內(nèi)，如圖：