jQuery基礎 改變CSS樣式

jquery提供css()的方法來實現嵌入式改變元素樣式，css()

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

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

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

如果我們需要改變多個樣式屬性，我們可以先定義屬性變數，然後直接賦值給css()方法。示例如下：

var divcss = ;

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

//這裡我們先定義了乙個css樣式屬性變數『divcss』，這類似於建立乙個外部css檔案。

//然後通過jquery提供的css()方法，把屬性賦給id為'#result'的div。

另外jquery提供的css()

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

//和第乙個例子相似，但是這裡我們只傳遞乙個引數(樣式屬性)

最後要介紹的是如何設定滑鼠劃過後的鏈結樣式(比如: 顏色)。我們無法使用選擇器直接選擇滑鼠劃過狀態下的鏈結，也就是說$("a:hover")是不成立的。因此我們需要用到jquery提供的事件類方法 -hover()。值得注意的是，hover()方法需要定義兩個函式，乙個是滑鼠劃過時；另乙個是滑鼠劃過後。具體方法如下：

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

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

function(),

function());

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

你或許注意到這種方法一點都不簡潔(違背了jquery的宗旨)，其實jquery提供的hover()方法不是用來改變css樣式的。在實際運用中，建議使用新增/移出css的方法來改變滑鼠劃過的鏈結樣式。

jQuery基礎 改變CSS樣式

jquery提供css 的方法來實現嵌入式改變元素樣式，css 61dh a css color 123456 這裡選擇器 61dh a 表示id為 61dh 的元素下的所有鏈結。css color 123456 表示把顏色設為 123456 如果我們需要改變多個樣式屬性，我們可以先定義屬性變數，然...

jQuery基礎 改變CSS樣式

jquery提供css 的方法來實現嵌入式改變元素樣式，css 61dh a css color 123456 這裡選擇器 61dh a 表示id為 61dh 的元素下的所有鏈結。css color 123456 表示把顏色設為 123456 如果我們需要改變多個樣式屬性，我們可以先定義屬性變數，然...

jQuery基礎 改變CSS樣式

jquery提供css 的方法來實現嵌入式改變元素樣式，css 61dh a css color 123456 這裡選擇器 61dh a 表示id為 61dh 的元素下的所有鏈結。css color 123456 表示把顏色設為 123456 如果我們需要改變多個樣式屬性，我們可以先定義屬性變數，然...