一、jQuery 尺寸
語(yǔ)法 | 用法 |
---|---|
width()/height() | 取得匹配元素寬度和高度值威酒,只算width/height |
innerWidth()/innerHeight() | 取得匹配元素寬度和高度值,包含padding |
outerWidth()/outerHeight() | 取得匹配元素寬度和高度值挺峡,包含padding葵孤、border |
outerWidth(true)/outerHeight(true) | 取得匹配元素寬度和高度值,包含padding橱赠、border尤仍、margin |
- 以上參數(shù)為空,則是獲取相應(yīng)值狭姨,返回的是數(shù)字型宰啦。
- 如果參數(shù)為數(shù)字,則是修改相應(yīng)值饼拍。
- 參數(shù)可以不必寫(xiě)單位赡模。
二、jQuery 位置
位置主要有三個(gè): offset()师抄、position()漓柑、scrollTop()/scrollLeft()
offset() 設(shè)置或獲取元素偏移
①offset() 方法設(shè)置或返回被選元素相對(duì)于文檔的偏移坐標(biāo),跟父級(jí)沒(méi)有關(guān)系叨吮。
②該方法有2個(gè)屬性 left辆布、top 。offset().top
用于獲取距離文檔頂部的距離茶鉴,offset().left
用于獲取距離文檔左側(cè)的距離谚殊。
③可以設(shè)置元素的偏移:offset({ top: 10, left: 30 });position() 獲取元素偏移
①position() 方法用于返回被選元素相對(duì)于帶有定位的父級(jí)偏移坐標(biāo),如果父級(jí)都沒(méi)有定位蛤铜,則以文檔為準(zhǔn)嫩絮。
②該方法有2個(gè)屬性 left、top围肥。position().top
用于獲取距離定位父級(jí)頂部的距離剿干,position().left
用于獲取距離定位父級(jí)左側(cè)的距離。
③該方法只能獲取穆刻。scrollTop()/scrollLeft() 設(shè)置或獲取元素被卷去的頭部和左側(cè)
①scrollTop()
方法設(shè)置或返回被選元素被卷去的頭部置尔。
②不跟參數(shù)是獲取,參數(shù)為不帶單位的數(shù)字則是設(shè)置被卷去的頭部氢伟。