jQuery CSS相關函式

2021-05-11 08:18:11 字數 1335 閱讀 5254

1.css("屬性名"):取得第乙個匹配元素樣式屬性的值。

eg:$("p").css("color");

2.css():在所有匹配元素設定樣式屬性。

eg:$("p").css();

$("p").css();

3.css("屬性","值"):在所有匹配元素設定乙個樣式屬性值。

eg:$("p").css("color","red");

4.offset():獲取匹配元素在當前視口的相對偏移。

注意:返回的物件包含兩個整形屬性:top和left,此方法只對可見元素有效。

5.position():獲取匹配元素相對父元素的偏移。

注意:返回的物件包含兩個整形屬性:top和left,此方法只對可見元素有效。

6.scrolltop():獲取匹配元素相對滾動條頂部的偏移。

注意:返回整型值,此方法對可見和隱藏元素均有效。

7.scrolltop(val):設定滾動條頂部偏移為該值。

注意:返回jquery值,此方法對可見和隱藏元素均有效。

8.scrollleft():獲取匹配元素相對滾動條左側的偏移。

注意:返回整型值,此方法對可見和隱藏元素均有效。

9.scrollleft(val):設定滾動條左側偏移為該值。

注意:返回jquery值,此方法對可見和隱藏元素均有效。

10.height():取得第乙個匹配元素當前計算的高度值(px)。

11.height(val):為每個匹配的元素設定css高度(hidth)屬性的值。

注意:如果沒有明確指定單位(如:em或%),使用px。

eg:$("p").height(20);//將所有段落高設為20px。

12.width():取得第乙個匹配元素當前計算的寬度值(px)。

13.width(val):為每個匹配的元素設定css寬度(width)屬性的值。

注意:如果沒有明確指定單位(如:em或%),使用px。

eg:$("p").width(20); //將所有段落的寬設為20px。

14.innerheight():獲取第乙個匹配元素內部區域高度(包括補白不包括邊框)。

15.innerwidth():獲取第乙個匹配元素內部區域寬度(包括補白不包括邊框)。

16.outerheight(options):獲取第乙個匹配元素外部高度(預設包括補白和邊框)。

注意:options(boolean):(false)設定為true時,計算邊距在內。

17.outerwidth(options):獲取第乙個匹配元素外部寬度(預設包括補白和邊框)。

注意:options(boolean):(false)設定為true時,計算邊距在內。

jQuery CSS 操作函式

下面列出的這些方法設定或返回元素的 css 相關屬性。css 屬性 描述 css 設定或返回匹配元素的樣式屬性。height 設定或返回匹配元素的高度。offset 返回第乙個匹配元素相對於文件的位置。offsetparent 返回最近的定位祖先元素。position 返回第乙個匹配元素相對于父元素...

jQuery CSS 操作函式

下面列出的這些方法設定或返回元素的 css 相關屬性。css 屬性 描述css 設定或返回匹配元素的樣式屬性。height 設定或返回匹配元素的高度。offset 返回第乙個匹配元素相對於文件的位置。offsetparent 返回最近的定位祖先元素。position 返回第乙個匹配元素相對于父元素的...

jquery CSS 函式學習

b jquery css 函式 b jquery 擁有三種供 css 操作的重要函式 selector css name,value selector css selector css name b css 操作例項 b 函式 css name,value 為所有匹配元素的給定 css 屬性設定值 ...