本篇主要介紹如何獲取盒子的寬高
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
>
header
divstyle
>
head
>
>
>
>
檢視盒子寬高
div>
header
>
src=
"./jquery/jquery-1.12.4.min.js"
>
script
>
body
>
console.
log($(
'div').
css(
'height'),
$('div').
css(
'width'
))
2. height(),width()方法
console.
log($(
'div').
height()
,$('div').
width()
)
3. innerwidth(),innerheight()
我們發現這樣不僅獲得了內容盒子的寬度，還獲得了padding的寬度
4. outerwidth(),outerheight()
上一部我們已經拿到了padding+content的寬度，這一步我們來加上border的寬度
console.
log($(
'div').
outerwidth()
,$('div').
outerheight()
);
那麼如果要獲取padding+content+border+magin的寬度，我們如何獲取呢
console.
log($(
'div').
outerwidth
(true),
$('div').
outerheight
(true))
;
jQuery獲取各種高和寬
alert window height 瀏覽器時下視窗可視區域高度 02alert document height 瀏覽器時下視窗文件的高度 03alert document.body height 瀏覽器時下視窗文件body的高度 04alert document.body outerheight...
筆記 jquery 獲取頁面高寬
window height 瀏覽器當前視窗可視區域高度 document height 瀏覽器當前視窗文件的高度 document.body height 瀏覽器當前視窗文件body的高度 document.body outerheight true 瀏覽器當前視窗文件body的總高度 包括bord...
jquery 獲取div的寬高
寬度 div width 區塊的本身寬度 div outerwidth 區塊的寬度 padding寬度 border寬度 div outerwidth true 區塊的寬度 padding寬度 border寬度 margin的寬度 高度 div height 區塊的本身高度 div outerhei...