jq class操作及尺寸位置

2021-09-26 22:06:59 字數 965 閱讀 6328

addclass()

給jquery物件中所有標籤新增class類名

removeclass()

刪除jquery物件中每個標籤指定的class

toggleclass()

開關;有則刪,無則加

hasclass()

判斷是否有某個class,只要有乙個滿足條件,返回true

width / height

內容 (content)

innerwidth / innerheight

內容 + 內邊距 (content + padding)

outerwidth / outerheight

內容 + 內邊距 + 邊框 (content + padding + border)

offset取值:

var offset = $('div p').offset()

返回值是乙個物件,包含left、top

left:標籤的文件左邊緣之間的距離

top:標籤和文件上邊緣之間的距離 (注意:外邊距塌陷)

offset賦值:
$('div p').offset()
position取值:
var position = $('div p').position()

返回值是乙個物件,包含left、top

left:標籤的定位父標籤左邊界之間的距離

top:標籤和定位父標籤上邊界之間的距離

取值:
var scrolltop = $('section').scrolltop();

獲取標籤的滾動距離:

scrolltop : 豎直方向的滾動距離

scrollleft : 水平方向的滾動距離

賦值:
設定標籤的滾動距離:   $('section').scrolltop(0)

尺寸位置操作

尺寸位置操作 高度和寬度操作 高度操作 height 1 作用 設定 獲取匹配元素的高度值 2 引數 有參 表示設定高度 無參 表示獲取高度 寬度操作 width 1 作用 設定 獲取匹配元素的寬度 2 引數 有參 表示設定寬度 無參 表示獲取寬度 座標值操作 offset 1 作用 獲取 設定元素...

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