JQuery是一款非常常用的JavaScript庫，它可以輕松地讀取和修改CSS樣式值。在本文中，我們將學習如何使用JQuery來讀取CSS樣式值。

// 讀取CSS樣式值
var color = $("selector").css("color");
var width = $("selector").css("width");

在代碼中，我們使用JQuery的css()方法來讀取CSS樣式值，其參數為需要讀取的CSS屬性的名稱。如上代碼所示，我們可以輕松地獲取元素的顏色和寬度。

// 修改CSS樣式值
$("selector").css("color", "red");
$("selector").css("width", "50px");

如果我們想修改元素的CSS樣式值，我們可以使用css()方法的第二個參數。如上代碼所示，我們可以將元素的顏色設置為紅色，并將其寬度設置為50像素。

除了css()方法之外，JQuery還提供了其他一些有用的方法，例如height()、width()、innerHeight()、innerWidth()等，這些方法可以讓我們讀取元素的尺寸值。在使用這些方法時，我們也需要傳入一個參數，這個參數為要讀取的尺寸的名稱。

// 讀取元素的高度和寬度
var height = $("selector").height();
var width = $("selector").width();
// 讀取元素的內部高度和寬度
var innerHeight = $("selector").innerHeight();
var innerWidth = $("selector").innerWidth();

在使用上述方法時，我們需要注意的是，我們傳入的參數只能為CSS屬性名或尺寸名稱。如果我們在傳入參數時寫錯了名稱，那么就無法獲取到正確的值。

通過學習本文，我們了解了如何使用JQuery讀取和修改CSS樣式值。這些方法可以幫助我們更加輕松地操作頁面上的元素，增強了我們的開發效率。