JQuery是一種廣泛使用的JavaScript庫，其中一個重要的功能是可以通過代碼來控制頁面上的元素。其中一個很常見的用法是通過JQuery來控制一個div元素的顏色。下面是一個簡單示例：

$(document).ready(function(){
$("button").click(function(){
$("div").css("background-color", "yellow");
});
});

上述代碼的意思是：當用戶點擊頁面上的按鈕時，JQuery會找到頁面上的div元素，然后將它的背景顏色設為黃色。如果你想修改這個代碼以控制不同的div，只需要在選擇器中修改$("div")，例如$("p")來控制一個段落的顏色。

此外，你還可以將這些顏色設置成變量，以便在用戶操作時可以隨時改變。下面是一個例子：

$(document).ready(function(){
var color = "yellow";
$("button").click(function(){
$("div").css("background-color", color);
});
$("#colorpicker").change(function(){
color = $(this).val();
});
});

在這個例子中，我們首先設置了一個變量color，它的初始值為黃色。當用戶點擊按鈕時，JQuery會通過選擇器找到div元素，然后將它的背景顏色設為color變量的值。如果用戶使用顏色選擇器來更改了變量color的值，那么下一次用戶點擊按鈕時，JQuery就會使用新的顏色。

以上就是JQuery控制一個div元素的背景顏色的簡單示例，通過這個例子，你應該可以了解到JQuery的一些基本用法，例如選擇器、動作等變化。在實際項目中，你可以使用JQuery來控制更多的元素，讓你的網頁變得更加豐富多彩。