jQuery資料之尺寸操作

2021-10-01 12:35:04 字數 437 閱讀 2163

◆ 尺寸操作:

尺寸操作包括元素寬高的獲取和設定,且不一樣的api對應不一樣的盒子模型。

語法用法

width()/height()

取得匹配元素的寬度和高度值 只算width和height

innerwidth()/innerheight()

取得匹配元素的寬度和高度值 包含padding

outerwidth()/outerheight()

取得匹配元素的寬度和高度值 包含padding和border

outerwidth(true)/outerheight(true)

取得匹配元素的寬度和高度值 包含padding、border和margin

注:以上引數為空時,獲取相應值。引數為數字,則是修改相應值。

◆ 示例:

JQuery學習之jQuery尺寸

1.width 和height 方法 width 設定或返回元素的寬度 不包括內邊距,邊框或外邊距 height 設定或返回元素的高度 不包括內邊距,邊框或外邊距 button click function var txt txt width div1 width txt height div1 h...

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 ...