一、CSS

1、css(name)

訪問第一個匹配元素的樣式屬性。
返回值 String
參數
name (String) : 要訪問的屬性名稱
示例：

2、css(properties)

把一個“名/值對”對象設置為所有匹配元素的樣式屬性。這是一種在所有匹配的元素上設置大量樣式屬性的最佳方式。
返回值 jQuery
參數
properties (Map) : 要設置為樣式屬性的名/值對
示例：

3、css(name,value)

在所有匹配的元素中，設置一個樣式屬性的值。數字將自動轉化為像素值
返回值 jQuery
參數

name (value) : 屬性名
value (String, Number) : 屬性值
示例：

二、位置

1、offset()

獲取匹配元素在當前視窗口的相對偏移。返回的對象包含兩個整形屬性：top 和 left。
注意：此方法只對可見元素有效。
返回值 Object{top,left}
示例：

2、position()

獲取匹配元素相對父元素的偏移。
返回的對象包含兩個整形屬性：top 和 left。為精確計算結果，請在補白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。
返回值 Object{top,left}
示例：

3、scrollTop()

獲取匹配元素相對滾動條頂部的偏移。
注意：此方法對可見和隱藏元素均有效。
返回值 Integer
示例：

4、scrollTop(val)

傳遞參數值時，設置滾動條頂部偏移為該值。此方法對可見和隱藏元素均有效。
返回值 jQuery
示例：

5、scrollLeft()

獲取匹配元素相對滾動條左側的偏移。此方法對可見和隱藏元素均有效。
返回值 Integer
示例：

6、scrollLeft(val)

傳遞參數值時，設置滾動條左側偏移為該值。此方法對可見和隱藏元素均有效。
返回值 jQuery
示例：

三、尺寸

1、height()

取得第一個匹配元素當前計算的高度值（px）。在 jQuery 1.2 以后可以用來獲取 window 和 document 的高
返回值 Integer
示例：

2、height(val)

為每個匹配的元素設置CSS高度(hidth)屬性的值。如果沒有明確指定單位（如：em或%），使用px。如果沒有明確指定單位（如：em或%），使用px。
返回值 jQuery
參數
val (String, Number) : 設定CSS中 'height' 的值
示例：

3、width()

取得第一個匹配元素當前計算的寬度值（px）。在 jQuery 1.2 以后可以用來獲取 window 和 document 的寬
返回值 Integer
示例：0

4、width(val)

為每個匹配的元素設置CSS寬度(width)屬性的值。如果沒有明確指定單位（如：em或%），使用px。
返回值 jQuery
參數
val (String, Number) : 設定 CSS 'width' 的屬性值
示例：

5、innerHeight()

獲取第一個匹配元素內部區(qū)域高度（包括補白、不包括邊框）。此方法對可見和隱藏元素均有效。
返回值 Integer
示例：

7、innerWidth()

獲取第一個匹配元素內部區(qū)域寬度（包括補白、不包括邊框）。此方法對可見和隱藏元素均有效。
返回值 Integer
示例：

7、outerHeight(options)

獲取第一個匹配元素外部高度（默認包括補白和邊框）。此方法對可見和隱藏元素均有效。
返回值 Integer
參數
options(Boolean) : (false)  設置為 true 時，計算邊距在內。
示例：

8、outerHeight(options)

獲取第一個匹配元素外部寬度（默認包括補白和邊框）。此方法對可見和隱藏元素均有效。
返回值 Integer
參數
options(Boolean) : (false)   設置為 true 時，計算邊距在內。
示例：

以上便是jQuery操作CSS樣式、位置、尺寸的全部內容了，純屬是個人總結，如有遺漏或者錯誤，還請大家告之，本文將持續(xù)更新。

最新評論