jQuery CSS 方法改變CSS樣式例項解析

2021-09-06 17:43:18 字數 956 閱讀 6507

**:

分享乙個jquery入門例項:使用css()方法改變現有的css樣式表,css()方法在使用上具有多樣性。其中有一種可接受兩個輸入引數:樣式屬性和樣式值,兩者之間用逗號分隔。比如要改變鏈結顏色,可以這樣編寫**:

$("#61dh a").css('color','#123456');

//選擇器『$("#61dh a")'表示id為『#61dh'的元素下的所有鏈結。

//.css(『color','#123456');表示把顏色設為'#123456'

如果需要改變多個樣式屬性,可先定義屬性變數,然後直接賦值給css()方法。

var mycss = ;

$("#result").css(divcss);

上述**先定義了乙個css樣式屬性變數「mycss」,類似於建立乙個外部css檔案,之後通過css()方法,把屬性賦給id為'#result'的div。

另外jquery提供的css()方法還可以檢視某個元素的css屬性值。(www.jbxue.com 指令碼學堂)

例如檢視鏈結的顏色,**如下:

$("#61dh a").css("color")

你會發現,這與第乙個例子相似,但是這裡只傳遞乙個引數(樣式屬性)。

最後要介紹的是如何設定滑鼠劃過後的鏈結樣式(比如: 顏色),需要用到jquery事件類方法 - hover()。值得注意的是,hover()方法需要定義兩個函式,乙個是滑鼠劃過時;另乙個是滑鼠劃過後。具體方法如下:

$("#61dh a").css('color','#123456');

$("#61dh a").hover(function(),

function());

//hover()方法的兩個函式使用用逗號分隔

或許聰明的你已經注意到這種方法稱不上簡潔,呵呵,其實jquery hover()方法不是用來改變css樣式的。在實際運用中,建議使用新增/移出css的方法來改變滑鼠劃過的鏈結樣式。

jQuery CSS 方法改變CSS樣式

jquery入門例項 使用css 方法改變現有的css樣式表,css 方法在使用上具有多樣性。其中有一種可接受兩個輸入引數 樣式屬性和樣式值,兩者之間用逗號分隔。比如要改變鏈結顏色,可以這樣編寫 61dh a css color 123456 選擇器 61dh a 表示id為 61dh 的元素下的所...

jQuery CSS 方法改變CSS樣式

jquery入門例項 使用css 方法改變現有的css樣式表,css 方法在使用上具有多樣性。其中有一種可接受兩個輸入引數 樣式屬性和樣式值,兩者之間用逗號分隔。比如要改變鏈結顏色,可以這樣編寫 61dh a css color 123456 選擇器 61dh a 表示id為 61dh 的元素下的所...

jQuery css 方法及方法

知識點一 jquery css 方法 1 css 方法是什麼?css 方法設定或返回被選元素的乙個或多個樣式屬性。2 返回css屬性 1 p css background color 2 注意 css 不僅可以返回本身的屬性值,也可以返回通過js新增的屬性值。3 設定css屬性 1 p css ba...