在前端開發中，常常需要操作頁面元素的樣式，其中背景顏色是常見的樣式之一。在jQuery中，可以使用css()方法來獲取或設置元素的樣式屬性。其中，使用background-color屬性來設置元素的背景顏色。

// 設置元素的背景顏色為紅色
$("div").css("background-color", "red");
// 獲取元素的背景顏色
var bgColor = $("div").css("background-color");
console.log(bgColor); // 輸出：rgb(255, 0, 0)

除了直接設置顏色值外，也可以使用CSS中的顏色關鍵字或十六進制值來設置背景顏色。例如：

// 使用顏色關鍵字設置背景顏色為綠色
$("div").css("background-color", "green");
// 使用十六進制值設置背景顏色為藍色
$("div").css("background-color", "#0000ff");

注意，css()方法設置的樣式是內聯樣式，會覆蓋外部樣式表中相同選擇器的樣式。如果需要修改外部樣式表中的樣式，應該使用addClass()和removeClass()方法來動態修改元素的類名。

// 添加樣式類，用于修改外部樣式表中的樣式
$("div").addClass("bg-red");
// 移除樣式類
$("div").removeClass("bg-red");

在CSS中，還有很多關于背景的屬性，如background-image、background-repeat、background-position等，它們可以更加詳細地控制元素的背景樣式。在jQuery中，同樣可以使用css()方法來設置這些屬性。

// 設置背景圖片并設置不重復平鋪
$("div").css({
"background-image": "url(image.png)",
"background-repeat": "no-repeat"
});