jQuery尺寸和位置操作

2021-09-26 01:58:13 字數 843 閱讀 8950

1.width()/height: 獲取匹配元素的寬度和高度值,只有width / height

2.innerwidth()/height: 獲取包含padding的高度和寬度值

3.outerwidth() / outheight()獲取包含padding border的寬度和高度值

4.outerwidth(true)/height(true): 獲取包含margin border padding的寬高值

1.offset()設定獲取元素偏移

offset()方法設定或返回被元素相對於文件的偏移座標,跟父級沒有關係,即使父級元素有定位,也沒有關係

該方法有2個屬性,left 和 top。使用方法offset().left/ offset().top

設定元素的偏移:offset();

2.position()獲取元素偏移

該方法用於返回被選元素相對於帶有定位的父級偏移座標,如果父級都沒有定位,則以文件為準

該方法有2個屬性,left、top,獲取值:position().top/left;

這個方法只能獲取,不能設定,可以只用css()來設定

3.scrolltop()/scrollleft()設定獲取元素被卷去的頭部和左側

scrolltop()/left()方法設定或返回被元素卷進去的頭部或左側,就是被滾輪滾上去的那一部分

jQuery 尺寸 位置操作

jquery中分別為我們提供了兩套快速獲取和設定元素尺寸和位置的api,方便易用,內容如下。jquery 尺寸操作包括元素寬高的獲取和設定,且不一樣的api對應不一樣的盒子模型。語法 演示 function 注意 有了這套 api 我們將可以快速獲取和子的寬高,至於其他屬性想要獲取和設定,還要使用 ...

22 jQuery位置和尺寸操作的方法

offset coordinates position scrolltop val 下一節說 scrollleft val 下一節說 doctype html en utf 8 22 jquery位置和尺寸操作的方法 title father son style js jquery 1.12.4.j...

關於jquery的位置以及尺寸操作

關於尺寸操作 1.height 與width 設定或者返回元素的高度與寬度,返回結果是數值型別。設定的時候可以傳入 100px 或者100.eg width 100px width 100 window height 獲取當前螢幕高度,相當於原生的clientheight2.innerwidth 與...