尺寸位置操作

尺寸位置操作

高度和寬度操作

高度操作：height()

<1>作用：設定/獲取匹配元素的高度值

<2>引數

·有參：表示設定高度

·無參：表示獲取高度

寬度操作：width()

<1>作用：設定/獲取匹配元素的寬度

<2>引數

·有參：表示設定寬度

·無參：表示獲取寬度

座標值操作

offset()

<1>作用：獲取/設定元素相對於文件的位置

<2>引數

·無參：表示獲取，返回值是相對於document的位置

·有參：表示設定，引數推薦使用數值型別

注意：設定offset後，如果元素沒有定位（預設值：static），則被修改為relative

position()

<1>作用：獲取相對於其最近的具有定位的父元素的位置

<2>引數：只能是無參，表示只能獲取不能設定，返回值為物件

scroltop()

<1>作用：獲取/設定元素垂直方向滾動的位置

<2>引數

·無參：表示獲取偏移

·有參：表示設定偏移，引數為數值型別

<3>理解

·垂直滾動條位置是可滾動區域在可視區域上方的被隱藏區域的高度

·如果滾動條在最上方沒有滾動或者當前元素沒有出現滾動條，那麼這個距離為0

scrolleft()

<1>作用：獲取/設定元素怒水平方向滾動的位置

<2>引數：用法和scroltop()一致

jQuery 尺寸 位置操作

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

jQuery尺寸和位置操作

1.width height 獲取匹配元素的寬度和高度值，只有width height 2.innerwidth height 獲取包含padding的高度和寬度值 3.outerwidth outheight 獲取包含padding border的寬度和高度值 4.outerwidth true ...

jq class操作及尺寸位置

addclass 給jquery物件中所有標籤新增class類名 removeclass 刪除jquery物件中每個標籤指定的class toggleclass 開關 有則刪，無則加 hasclass 判斷是否有某個class，只要有乙個滿足條件，返回true width height 內容 con...