jquery css操作 (腦子不好使了再看看)

2021-07-16 18:22:56 字數 3484 閱讀 2540

css 屬性 描述

css() 設定或返回匹配元素的樣式屬性。

height() 設定或返回匹配元素的高度。

offset() 返回第乙個匹配元素相對於文件的位置。

offsetparent() 返回最近的定位祖先元素。

position() 返回第乙個匹配元素相對于父元素的位置。

scrollleft() 設定或返回匹配元素相對滾動條頂部的偏移。

scrolltop() 設定或返回匹配元素相對滾動條左側的偏移。

width() 設定或返回匹配元素的寬度。

jquery css 操作 - css() 方法

例項 設定

元素的顏色:

(「.btn1」).click(function());

例: (document).ready(function()); });

this is a paragraph.

this is another paragraph.

改變段落的顏色

定義和用法

css() 方法返回或設定匹配的元素的乙個或多個樣式屬性。

返回 css 屬性值

返回第乙個匹配元素的 css 屬性值。

注釋:當用於返回乙個值時,不支援簡寫的 css 屬性(比如 「background」 和 「border」)。 (s

elec

tor)

.css

(nam

e)引數

描述na

me必需

。規定c

ss屬性

的名稱。

該引數可

包含任何

css屬

性。比如

「col

or」。

例項取得

第乙個段

落的co

lor樣

式屬性的

值:(「p」).css(「color」);

例: (document).ready(function()); });

this is a paragraph.

返回段落的顏色

設定 css 屬性

設定所有匹配元素的指定 css 屬性。 (s

elec

tor)

.css

(nam

e,va

lue)

引數描述

name

必需。規

定css

屬性的名

稱。該參

數可包含

任何cs

s屬性,

比如「c

olor

」。va

lue可

選。規定

css屬

性的值。

該引數可

包含任何

css屬

性值,比

如「re

d」。如

果設定了

空字串

值,則從

元素中刪

除指定屬

性。例項

將所有段

落的顏色

設為紅色

: (「p」).css(「color」,」red」);

例: (document).ready(function()); });

this is a paragraph.

this is another paragraph.

改變段落的顏色

使用函式來設定 css 屬性

設定所有匹配的元素中樣式屬性的值。

此函式返回要設定的屬性值。接受兩個引數,index 為元素在物件集合中的索引位置,value 是原先的屬性值。 (s

elec

tor)

.css

(nam

e,fu

ncti

on(i

ndex

,val

ue))

引數描述

name

必需。規

定css

屬性的名

稱。該參

數可包含

任何cs

s屬性,

比如「c

olor

」。fu

ncti

on(i

ndex

,val

ue)規

定返回c

ss屬性

新值的函

數。∙i

ndex

−可選。

接受選擇

器的in

dex位

置∙ol

dval

ue−可

選。接受

css屬

性的當前

值。例項

1設定所

有p元素

的col

or屬性

: (「button」).click(function());

});

例: (document).ready(function()); }); });

this is a paragraph.

this is another paragraph.

設定所有 p 元素的 color 屬性

例項 2

逐漸增加 div 的寬度:

(「div」).click(function() 

); });

例: (document).ready(function() ); }); });

div

這裡設定多個 css 屬性/值對 (s

elec

tor)

.css

(pro

pert

y:va

lue,

prop

erty

:val

ue,…

)把「名

/值對」

物件設定

為所有匹

配元素的

樣式屬性

。這是一

種在所有

匹配的元

素上設定

大量樣式

屬性的最

佳方式。

引數描述

prop

erty

:val

ue必需

。規定要

設定為樣

式屬性的

「名稱/

值對」對

象。該參

數可包含

若干對c

ss屬性

名稱/值

。比如「

colo

r」:」

red」

,」fo

nt−w

eigh

t」:」

bold

」例項 (「p」).css();

例: (document).ready(function()); }); });

this is a paragraph.

this is another paragraph.

改變段落的樣式

jQuery CSS 操作函式

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

jQuery CSS 操作函式

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

jQuery CSS 操作 css 方法

設定 元素的顏色 btn1 click function css 方法返回或設定匹配的元素的乙個或多個樣式屬性。返回第乙個匹配元素的 css 屬性值。注釋 當用於返回乙個值時,不支援簡寫的 css 屬性 比如 background 和 border selector css name color r...