本文目錄導(dǎo)讀：

1. JavaScript操作CSS樣式
2. jQuery操作CSS樣式

JavaScript和jQuery如何操作CSS樣式

JavaScript操作CSS樣式

JavaScript可以直接操作HTML元素的樣式屬性，通過(guò)改變這些屬性來(lái)改變?cè)氐耐庥^，以下是一些基本的示例：

// 獲取元素的樣式
var element = document.getElementById("myElement");
var style = element.style;
console.log(style.color); // 獲取元素的顏色
// 修改元素的樣式
style.color = "red"; // 將元素的顏色改為紅色

jQuery操作CSS樣式

jQuery提供了一種更簡(jiǎn)潔的方式來(lái)操作CSS樣式，你可以使用.css()方法來(lái)獲取或設(shè)置元素的樣式，以下是使用jQuery操作CSS樣式的一些基本示例：

// 獲取元素的樣式
var color = $("#myElement").css("color");
console.log(color); // 獲取元素的顏色
// 修改元素的樣式
$("#myElement").css("color", "red"); // 將元素的顏色改為紅色

jQuery還提供了許多其他方法來(lái)操作CSS樣式，例如.addClass()、.removeClass()和.toggleClass()等，這些方法可以方便地添加、刪除或切換元素的CSS類(lèi)，這些類(lèi)可以在CSS樣式表中定義，然后在JavaScript或jQuery代碼中引用。

無(wú)論是使用JavaScript還是jQuery，都可以通過(guò)直接操作元素的樣式屬性來(lái)修改元素的外觀，這些技術(shù)使得在網(wǎng)頁(yè)開(kāi)發(fā)中，動(dòng)態(tài)地改變?cè)氐臉邮匠蔀榭赡埽瑥亩岣吡司W(wǎng)頁(yè)的交互性和用戶(hù)體驗(yàn)。